/* ============================================================ */


/* Styling for SLJ site that is the font style file (font.css)  */


/* ============================================================ */

@font-face {
    font-family: 'AkzidenzGroteskBQ-Reg';
    src: url('../fonts/AkzidenzGrotesk-Roman.ttf');
}


/*@font-face {
  font-family: 'Akzidenz Grotesk Bold';
  src: url('../fonts/AkzidenzGrotesk-Bold.otf');
}*/

@font-face {
    font-family: 'Akzidenz Grotesk Bold';
    /*src: url('../fonts/Berthold Akzidenz Grotesk Bold.otf');*/
    src: url('../fonts/BertholdAkzidenzGrotesk-Bold.otf');
}

@font-face {
    font-family: 'Portrait';
    src: url('../fonts/Portrait-Regular.otf');
}

@font-face {
    font-family: 'Portrait Medium';
    src: url('../fonts/Portrait-Medium.otf');
}

@font-face {
    font-family: 'Akzidenz Grotesk Regular';
    src: url('../fonts/AkzidenzGroteskBE-Regular.otf');
}

@font-face {
    font-family: 'AkzidenzGroteskBQ-Reg';
    src: url('../fonts/AkzidenzGroteskBQ-Reg.otf');
}

@font-face {
    font-family: 'AkzidenzGroteskBQ-Bold';
    src: url('../fonts/AkzidenzGroteskBQBold.otf');
}


/* ============================================================ */


/* Style and New Classes Added SLJ site from wordpress LJMain_styles_23may2018  */


/* ============================================================ */


/*
	Theme Name: News Child Theme
	Theme URI: http://www.studiopress.com/themes/news
	Description: News is a two or three column child theme created for the Genesis Framework.
	Author: StudioPress, with lots of tweaks by SLJ's Josh Hadro
	Author URI: http://www.studiopress.com

	Version: 1.1.1

	Tags: black, blue, custom-background, custom-header, custom-menu, featured-images, fixed-width, left-sidebar, one-column, right-sidebar, sticky-post, theme-options, threaded-comments, translation-ready, two-columns, white

	Template: genesis
	Template Version: 1.7.1

	License: GNU General Public License v2.0
	License URI: http://www.opensource.org/licenses/gpl-license.php
*/


/*body {
	background: #999999;
	color: #333333;
	font-size: 13px;
	font-family: Arial, Tahoma, Verdana;
	margin: 0 auto 0;
	padding: 0;
	line-height: 20px;
	}


p {
	margin: 0;
	padding: 0;
	}*/


/***** Hyperlinks ********************/


/*a, a:visited {
	color: #006699;
	text-decoration: underline;
	}

a:hover {
	color: #AC0101;
	text-decoration: none;
	}

a img {
	border: none;
	}

a:focus, a:hover, a:active {
	outline: none;
	}*/


/***** Wrap ********************/
.login-met-pop-h3-header{
text-align: center;
}

#wrap {
    background: #FFFFFF;
    width: 960px;
    margin: 10px auto 10px;
    padding: 0;
    position: relative;
    -moz-box-shadow: 0 3px 10px #333333;
    -webkit-box-shadow: 0 3px 10px #333333;
}


/***** TopNav ********************/

#topnav {
    width: 940px;
    font-size: 11px;
    font-weight: bold;
    margin: 0 auto 0;
    padding: 5px 0 5px 0;
    text-transform: uppercase;
    border-bottom: 1px solid #CCCCCC;
    overflow: hidden;
}

.topnav-left {
    width: 225px;
    float: left;
    margin: 0;
    padding: 5px 0 0 10px;
}

.topnav-right {
    width: 700px;
    float: right;
    margin: 0;
    padding: 3px 0 0 0;
}


/***** Primary Navigation ********************/


/* Top Nav */

#navbarContainer {
    margin: 0px;
    padding: 0px;
    height: 32px;
    background-color: #CC3333;
    border-bottom: 1px #000 solid;
    position: relative;
    z-index: 100;
}

#ljnav,
#ljnav ul {
    padding: 0;
    margin: 0;
    list-style: none;
    font-weight: bold;
}

#ljnav {
    padding: 2px 0px 0px 0px;
}

#ljnav li {
    float: left;
    width: 150px;
    /* might need to adjust this if some sunmenus are too wide */
    padding: 3px 0px;
    font: bold 11px Arial, Helvetica, Geneva, sans-serif;
    line-height: 20px;
    letter-spacing: .05em;
    text-align: left;
    position: relative;
    background-color: #CC3333;
    border-right: solid 1px #000000;
}

#ljnav a {
    display: block;
    width: 100%;
    text-decoration: none;
    color: #FFF;
    text-align: center;
    cursor: pointer;
}

#ljnav li#btn9 {
    border-right: none;
}

li#btn1 {
    width: 102px;
    z-index: 100
}

li#btn2 {
    width: 102px;
    z-index: 100
}

li#btn3 {
    width: 102px;
    z-index: 100
}

li#btn4 {
    width: 102px;
    z-index: 100
}

li#btn5 {
    width: 102px;
    z-index: 100
}

li#btn6 {
    width: 102px;
    z-index: 100
}

li#btn7 {
    width: 102px;
    z-index: 100
}

li#btn8 {
    width: 102px;
    z-index: 100
}

li#btn9 {
    width: 102px;
    z-index: 100
}

#ljnav li#btn9a {
    border-right: none;
}

li#btn1a {
    width: 59px;
    z-index: 100
}

li#btn2a {
    width: 74px;
    z-index: 100
}

li#btn3a {
    width: 56px;
    z-index: 100
}

li#btn4a {
    width: 78px;
    z-index: 100
}

li#btn5a {
    width: 68px;
    z-index: 100
}

li#btn6a {
    width: 85px;
    z-index: 100
}

li#btn7a {
    width: 82px;
    z-index: 100
}

li#btn8a {
    width: 98px;
    z-index: 100
}

li#btn9a {
    width: 101px;
    z-index: 100
}

#ljnav li ul {
    position: absolute;
    width: 150px;
    width: 150px;
    left: -999em;
    font-weight: normal;
    z-index: 10;
    top: 28px;
}

li#btn2 ul {
    width: 120px;
    z-index: 100;
}

li#btn3 ul {
    width: 120px;
    z-index: 100;
}

li#btn4 ul {
    width: 180px;
    z-index: 100;
}

li#btn5 ul {
    width: 140px;
    z-index: 100;
}

li#btn6 ul {
    width: 190px;
    z-index: 100;
}

li#btn7 ul {
    width: 155px;
    z-index: 100;
}

li#btn8 ul {
    width: 130px;
    z-index: 100;
}

li#btn9 ul {
    width: 130px;
    z-index: 100;
}

li#btn9a ul {
    width: 106px;
    z-index: 100;
}

#ljnav li:hover ul,
#ljnav li.sfhover ul {
    left: auto;
}

#ljnav li#btn2:hover ul,
#ljnav li#btn2.sfhover ul {
    left: -10px;
}

#ljnav li#btn3:hover ul,
#ljnav li#btn3.sfhover ul {
    left: -8px;
}

#ljnav li#btn4:hover ul,
#ljnav li#btn4.sfhover ul {
    left: -1px;
}

#ljnav li#btn5:hover ul,
#ljnav li#btn5.sfhover ul {
    left: -23px;
}

#ljnav li#btn6:hover ul,
#ljnav li#btn6.sfhover ul {
    left: -1px;
}

#ljnav li#btn7:hover ul,
#ljnav li#btn7.sfhover ul {
    left: -13px;
}

#ljnav li#btn8:hover ul,
#ljnav li#btn8.sfhover ul {
    left: -21px;
}

#ljnav li#btn9:hover ul,
#ljnav li#btn9.sfhover ul {
    left: -1px;
}


/* Fix IE. Hide from IE Mac \*/

* html ul#ljnav li {
    float: left;
    height: 1%;
}

* html ul#ljnav li a {
    height: 1%;
}


/* End */

#ljnav li li {
    width: 100%;
    background-color: #990000;
    border: 1px solid #CC3333;
    padding: 1px;
    text-align: center;
}

#ljnav li ul a {
    padding: 2px 0px 2px 0px;
    border-right: none;
}

#ljnav li:hover ul ul,
#ljnav li:hover ul ul ul,
#ljnav li.sfhover ul ul,
#ljnav li.sfhover ul ul ul {
    left: -999em;
}

#ljnav li:hover ul,
#ljnav li li:hover ul,
#ljnav li li li:hover ul,
#ljnav li.sfhover ul,
#ljnav li li.sfhover ul,
#ljnav li li li.sfhover ul {
    left: auto;
}

#ljnav li:hover,
#ljnav li.sfhover {
    color: #d12f25;
}

#ljnav li a:hover,
#ljnav li a.sfhover {
    color: #000;
}

#ljheader {
    margin: 0px;
    clear: both;
    padding: 0px;
    width: 960px;
    height: 90px;
    color: #ffffff;
    text-align: left;
    position: relative;
}

#ljheader #mainLogo,
a.LJLogo {
    margin: 0px;
    padding: 0px;
    top: 0px;
    left: 0px;
    cursor: pointer;
    width: 220x;
    height: 93px;
    text-decoration: none;
}


/***** Top Navigation ********************/

#topnav ul {
    float: right;
    list-style: none;
    margin: 0 5px 0 0;
    padding: 0;
}

#topnav li {
    float: left;
    list-style: none;
    margin: 0;
    padding: 0;
}

#topnav li a {
    color: #333333;
    display: block;
    margin: 0;
    padding: 2px 10px 2px 10px;
    text-decoration: none;
    position: relative;
}

#topnav li a:hover,
#topnav li a:active,
#topnav .current_page_item a,
#topnav .current-cat a,
#topnav .current-menu-item {
    color: #006699;
}

#topnav li a.sf-with-ul {
    padding-right: 10px;
}

#topnav li a .sf-sub-indicator {
    display: block;
    width: 0;
    height: 0;
    text-indent: -9999px;
    overflow: hidden;
    position: absolute;
    top: 0;
    right: 0;
}

#topnav li li a,
#topnav li li a:link,
#topnav li li a:visited {
    background: #FFFFFF;
    color: #333333;
    width: 138px;
    margin: 0;
    padding: 5px 10px 5px 10px;
    text-transform: none;
    border-left: 1px solid #CCCCCC;
    border-right: 1px solid #CCCCCC;
    border-bottom: 1px solid #CCCCCC;
    position: relative;
}

#topnav li li a:hover,
#topnav li li a:active {
    background: #F2F2F2;
    color: #006699;
}

#topnav li li a .sf-sub-indicator {
    top: 10px;
}

#topnav li ul {
    z-index: 9999;
    position: absolute;
    left: -999em;
    height: auto;
    width: 160px;
    margin: 0;
    padding: 0;
}

#topnav li ul a {
    width: 140px;
}

#topnav li ul ul {
    margin: -31px 0 0 159px;
}

#topnav li:hover ul ul,
#topnav li:hover ul ul ul,
#topnav li.sfHover ul ul,
#topnav li.sfHover ul ul ul {
    left: -999em;
}

#topnav li:hover ul,
#topnav li li:hover ul,
#topnav li li li:hover ul,
#topnav li.sfHover ul,
#topnav li li.sfHover ul,
#topnav li li li.sfHover ul {
    left: auto;
}

#topnav li:hover,
#topnav li.sfHover {
    position: static;
}


/***** Header  ********************/


/*#header {
	width: 960px;
	height: 80px;
	margin: 0 auto 0;
	}*/

#title-area {
    width: 480px;
    float: left;
    margin: 0;
    padding: 0;
    overflow: hidden;
}

#title-area #title {
    color: #333333;
    font-size: 36px;
    font-family: Georgia, Times New Roman, Trebuchet MS;
    font-weight: normal;
    margin: 0;
    padding: 10px 0 0 20px;
    text-decoration: none;
    line-height: 42px;
}

#title-area #title a {
    color: #333333;
    margin: 0;
    padding: 0;
    text-decoration: none;
}

#title-area #title a:hover {
    color: #333333;
    text-decoration: none;
}

#title-area #description {
    color: #666666;
    font-size: 14px;
    font-style: italic;
    font-weight: normal;
    margin: 0;
    padding: 0 0 0 20px;
}

#header .widget-area {
    width: 468px;
    float: right;
    margin: 0;
    padding: 10px 10px 0 0;
}

#header .widget-area p {
    margin: 0;
    padding: 0 0 5px 0;
}

#header .widget-area h4 {
    color: #333333;
    font-size: 14px;
    font-weight: normal;
    margin: 10px 0 0 0;
    padding: 0;
    text-decoration: none;
}

.mar-2 {
    margin: 2%;
}

#header .widget-area ul {
    margin: 0;
    padding: 0;
}

.text-justify {
    margin-right: auto;
    margin-left: auto;
    width: 43em;
    text-align: justify;
}

#header .widget-area ul li {
    list-style-type: square;
    margin: 0 0 0 20px;
    padding: 0;
}


/***** Image Header - Partial Width ********************/

.header-image #title-area,
.header-image #title-area #title,
.header-image #title-area #title a {
    display: block;
    float: left;
    width: 290px;
    height: 80px;
    text-indent: -9999px;
    overflow: hidden;
}

.header-image #title-area #description {
    display: block;
    width: 0;
    height: 0;
    overflow: hidden;
}


/***** Image Header - Full Width ********************/

.header-full-width #title-area,
.header-full-width #title-area #title,
.header-full-width #title-area #title a {
    width: 960px;
}


/***** Primary Navigation ********************/


/* Primary Nav Menu */

#nav {
    background: #333333;
    width: 960px;
    color: #FFFFFF;
    font-family: Arial, Tahoma, Verdana;
    font-size: 11px;
    font-weight: bold;
    margin: 90px auto 3px auto;
    text-transform: uppercase;
    overflow: hidden;
    clear: both;
}

#nav ul {
    width: 100%;
    float: left;
    list-style: none;
    margin: 0;
    padding: 0;
}

#nav li {
    float: left;
    list-style: none;
}

#nav li a {
    color: #FFFFFF;
    display: block;
    margin: 0;
    padding: 8px 15px 8px 15px;
    text-decoration: none;
    position: relative;
    border-right: 1px solid #666666;
}

#nav li a:hover,
#nav li a:active,
#nav .current_page_item a,
#nav .current-cat a,
#nav .current-menu-item {
    background: #444444;
}

#nav li a .sf-sub-indicator {
    background: none;
    display: block;
    width: 10px;
    height: 10px;
    text-indent: -9999px;
    overflow: hidden;
    position: absolute;
    top: 14px;
    right: 5px;
}

#nav li li a,
#nav li li a:link,
#nav li li a:visited {
    background: #444444;
    color: #FFFFFF;
    width: 138px;
    margin: 0;
    padding: 5px 10px 5px 10px;
    text-transform: none;
    border-left: 1px solid #999999;
    border-right: 1px solid #999999;
    border-bottom: 1px solid #999999;
    position: relative;
}

#nav li li a:hover,
#nav li li a:active {
    background: #333333;
}

#nav li li a .sf-sub-indicator {
    background: none;
    top: 10px;
}

#nav li ul {
    z-index: 9999;
    position: absolute;
    left: -999em;
    height: auto;
    width: 160px;
    margin: 0 0 0 -1px;
    padding: 0;
}

#nav li ul a {
    width: 140px;
}

#nav li ul ul {
    margin: -31px 0 0 159px;
}

#nav li:hover ul ul,
#nav li:hover ul ul ul,
#nav li.sfHover ul ul,
#nav li.sfHover ul ul ul {
    left: -999em;
}

#nav li:hover ul,
#nav li li:hover ul,
#nav li li li:hover ul,
#nav li.sfHover ul,
#nav li li.sfHover ul,
#nav li li li.sfHover ul {
    left: auto;
}

#nav li:hover,
#nav li.sfHover {
    position: static;
}


/***** Primary Navigation Extras ********************/

#nav li.right {
    float: right;
    font-weight: bold;
    margin: 0;
    padding: 8px 15px 8px 0;
}

#nav li.right a {
    background: none;
    color: #FFFFFF;
    display: inline;
    text-decoration: none;
    border: none;
}

.center-img {
    display: block;
    margin-right: auto;
    margin-left: auto;
    width: 40%;
}

#nav li.right a:hover {
    color: #FFFFFF;
    text-decoration: underline;
}

#nav li.rss a {
    background: url(images/rss.png) no-repeat left center;
    margin: 0 0 0 10px;
    padding: 3px 0 3px 16px;
}

#nav li.twitter a {
    background: url(images/twitter-nav.png) no-repeat left center;
    padding: 3px 0 1px 20px;
}


/***** Secondary Navigation ********************/

#subnav {
    background: url(images/subnav.png);
    width: 960px;
    font-family: Arial, Tahoma, Verdana;
    font-size: 11px;
    font-weight: bold;
    margin: 0 auto 0;
    text-transform: uppercase;
    border-top: 1px solid #CCCCCC;
    border-bottom: 1px solid #CCCCCC;
    overflow: hidden;
    clear: both;
}

#subnav ul {
    width: 100%;
    float: left;
    list-style: none;
    margin: 0;
    padding: 0;
}

#subnav li {
    float: left;
    list-style: none;
}

#subnav li a {
    color: #333333;
    display: block;
    margin: 0;
    padding: 7px 15px 6px 15px;
    text-decoration: none;
    position: relative;
}

#subnav li a:hover,
#subnav li a:active,
#subnav .current_page_item a,
#subnav .current-cat a,
#subnav .current-menu-item {
    color: #006699;
}

#subnav li a .sf-sub-indicator {
    background: none;
    display: block;
    width: 10px;
    height: 10px;
    text-indent: -9999px;
    overflow: hidden;
    position: absolute;
    top: 14px;
    right: 5px;
}

#subnav li li a,
#subnav li li a:link,
#subnav li li a:visited {
    background: #FFFFFF;
    color: #333333;
    width: 138px;
    margin: 0;
    padding: 5px 10px 5px 10px;
    text-transform: none;
    border-left: 1px solid #CCCCCC;
    border-right: 1px solid #CCCCCC;
    border-bottom: 1px solid #CCCCCC;
    position: relative;
}

#subnav li li a:hover,
#subnav li li a:active {
    background: #F2F2F2;
    color: #006699;
}

#subnav li li a .sf-sub-indicator {
    background: none;
    top: 10px;
}

#subnav li ul {
    z-index: 9999;
    position: absolute;
    left: -999em;
    height: auto;
    width: 160px;
    margin: 0;
    padding: 0;
}

#subnav li ul a {
    width: 140px;
}

#subnav li ul ul {
    margin: -31px 0 0 159px;
}

#subnav li:hover ul ul,
#subnav li:hover ul ul ul,
#subnav li.sfHover ul ul,
#subnav li.sfHover ul ul ul {
    left: -999em;
}

#subnav li:hover ul,
#subnav li li:hover ul,
#subnav li li li:hover ul,
#subnav li.sfHover ul,
#subnav li li.sfHover ul,
#subnav li li li.sfHover ul {
    left: auto;
}

#subnav li:hover,
#subnav li.sfHover {
    position: static;
}


/***** Inner ********************/

#inner {
    background: url(images/inner.png) repeat-x;
    width: 920px;
    margin: 0 auto 0;
    padding: 25px 20px 0 20px;
    overflow: hidden;
}


/***** Tabs ********************/

.ui-tabs {
    clear: both;
    width: 560px;
    overflow: hidden;
    margin: 0 0 10px 0;
    padding: 0 0 0 0;
}

#content .ui-tabs .post {
    margin: 0;
    padding: 0;
}

.ui-tabs .ui-tabs-hide {
    display: none;
}

.ui-tabs .ui-tabs-panel {
    width: 560px;
}

#content .ui-tabs ul.ui-tabs-nav {
    font-size: 12px;
    list-style-type: none;
    margin: 0 0 15px 0;
    padding: 10px 0 10px 5px;
    border-top: 3px solid #CCCCCC;
    border-bottom: 1px dotted #AAAAAA;
    clear: both;
}

ul.ui-tabs-nav {
    margin-left: 0px !important;
}

#content .ui-tabs ul.ui-tabs-nav li {
    background: none;
    display: inline;
    text-align: center;
    margin: 0 0 0 0;
    padding: 0;
}

ul.ui-tabs-nav li {
    /* white-space: nowrap; */
}

.ui-tabs ul.ui-tabs-nav li a {
    color: #333333;
    font-weight: bold;
    margin: 0;
    padding: 6px 10px 6px 12px;
    text-decoration: none;
    text-transform: uppercase;
}

.ui-tabs ul.ui-tabs-nav li a:hover {
    background: #cccccc;
    color: #FFFFFF;
}

.ui-tabs ul.ui-tabs-nav li.ui-tabs-selected a {
    background: #cccccc;
    color: #FFFFFF;
}

.ui-tabs .image {
    margin: 0 10px 0 0;
    padding: 0;
}

.ui-tabs .more-link {
    background: #444444;
    float: right;
    color: #FFFFFF;
    font-size: 11px;
    font-weight: bold;
    margin: 15px 0 0 0;
    padding: 2px 7px 2px 7px;
    text-decoration: none;
    text-transform: uppercase;
}

.ui-tabs .more-link:hover {
    background: #006699;
}


/***** Event Tabs ******************/

.event-container {
    width: 100%;
}

.event-container ul {
    display: flex;
}

.sticky-order-summary {
    position: sticky;
    top: 0;
}

.h6_switch_text_insti,
.h6_switch_text_print,
.h6_switch_text_indiv,
.h6_switch_text {
    font-size: 16px;
    text-align: center;
}

.sub_click_here_btn {
    border: none;
    background: none;
    font-size: 16px;
    color: blue !important;
    text-decoration: underline;
    padding: 1px;
}

.new_2_card_view {
    width: fit-content;
    margin: 0 auto;
}

.header-banner-multi-sub {
    background-color: #0055b8;
    height: 50px;
    display: none;
    margin: 0px 0 0 0;
    padding: 4px;
}

.text-white {
    color: #fff !important;
}

.stickey-checkout-out {
    position: sticky;
    position: -webkit-sticky;
    top: 0;
}

.multi-sub-cont {
    height: 150px;
    -webkit-box-shadow: 0px 0px 5px 0px rgba(196, 196, 196, 1);
    -moz-box-shadow: 0px 0px 5px 0px rgba(196, 196, 196, 1);
    box-shadow: 0px 0px 5px 0px rgba(196, 196, 196, 1);
}

.print-opt-btn {
    background: #fff;
    padding: 10px 50px;
    font-size: 16px;
    border: 1px solid #000;
    border-radius: 3px;
    margin: 0 auto;
    display: block;
    font-weight: 1000;
}

.multi-sub-cont-body {
    padding: 25px 15px;
}

.multi-sub-cont-btn {
    padding: 50px 0px;
}

.digi-prnt-img {
    width: 100%;
    height: 100%;
    padding: 20px 0;
}

.multi-sub-cont-body h5 {
    font-size: 24px;
}

.multi-sub-cont-body h6 {
    font-size: 20px;
}

.inst-body-cont {
    padding-top: 7em;
}

.inst-body-cont h6 {
    font-size: 18px;
    text-align: justify;
    color: black;
}

.inst-body-cont h6 a {
    color: #1a0dab !important;
}

.inst-digi-prnt-img {
    width: fit-content;
    height: 100%;
    display: block;
    margin: 0 auto;
    margin-bottom: 15px;
}

.mag-inst-sub-form {
    width: 100%;
    border: none;
}

.m-0 {
    margin: 0px !important;
}

#cardForPaymentIframe {
    min-width: 25vw;
}

.sub-head-sub{
    text-align: center;
    font-size: 17px;
    width: 50vw;
    display: block;
    margin: 0 auto;
}

.sub-head-sub a{
    color: blue !important;
    text-decoration: underline;
}

/* / Gift Subscription PopUp / */
.gift-met-pop-anc-link-cont {
    display: block;
    width: fit-content;
    margin: 0 auto;
}

.gift-met-pop-anc-link {
    display: inline-block;
    border: none;
    background-color: #fff;
    color: #000;
    text-decoration: underline;
    font-size: 18px;
    display: block;
    margin: 0 auto;
}

.gift-met-pop-cont {
    border: 3px solid #0055b8 !important;
    border-radius: 25px !important;
}

.gift-met-pop-h3 {
    font-size: 22px;
    color: #000;
    text-align: -webkit-center;
}

@media screen and (max-width: 426px) {
    .event-container {
        width: unset !important;
    }

    .mag-inst-sub-form {
        width: 117%;
        height: 893vh !important;
        margin-left: -30px !important;
    }
}

.print {
    background: url("../images/sljprintnew.jpg")no-repeat;
    background-position: center;
    background-repeat: no-repeat;
    display: block;
}

.digital {
    background: url("../images/sljdigitalnew.jpg")no-repeat;
    background-position: center;
    background-repeat: no-repeat;
    display: block;
}

.digitprint {
    background: url('https://ib-shared.s3.amazonaws.com/sljpdnew.jpg') no-repeat;
    background-position: center;
    background-repeat: no-repeat;
    display: block;
}

.line-through {
    text-decoration: line-through !important;
}

.clr {
    color: #0055b8 !important;
}

.height-box {
    height: 736px !important;
}


/***** Homepage ********************/

#featured-top,
#featured-bottom {
    width: 600px;
    float: left;
}

#featured-bottom {
    font-size: 12px;
}

.featured-bottom-left {
    width: 290px;
    float: left;
}

.featured-bottom-right {
    width: 290px;
    float: right;
}

#featured-top .widget,
#featured-bottom .widget {
    margin: 0 0 20px 0;
}


/***** Featured Post/Page ********************/

.featuredpost,
.featuredpage {
    margin: 0 0 20px 0;
    padding: 0;
}

.featuredpost .post,
.featuredpage .page {
    margin: 0;
    padding: 10px 0 0 0;
    border-bottom: 1px dotted #AAAAAA;
    overflow: hidden;
    clear: both;
}

.featuredpost img,
.featuredpage img,
.featuredpost .avatar,
.featuredpage .avatar {
    background: #FFFFFF;
    margin: 0 0 5px 0;
    padding: 4px;
    border: 1px solid #DDDDDD;
}

.more-from-category {
    font-weight: bold;
    margin: 0;
    padding: 5px 0 0 0;
}


/***** Breadcrumb ********************/

.breadcrumb {
    font-size: 11px;
    margin: 0 0 20px 0;
    padding: 0 0 3px 0;
    border-bottom: 1px solid #DDDDDD;
}


/***** Taxonomy Description ********************/

.taxonomy-description {
    background: #F4F4F4;
    margin: 0 0 30px 0;
    padding: 10px;
    border: 1px solid #DDDDDD;
}


/***** Content-Sidebar Wrapper ********************/

#content-sidebar-wrap {
    /* width: 760px; */
    /* Apr 2017 adjustment */
    margin: 0;
    padding: 0;
    float: left;
}

.sidebar-content #content-sidebar-wrap,
.content-sidebar #content-sidebar-wrap {
    width: 920px;
}

.sidebar-sidebar-content #content-sidebar-wrap,
.sidebar-content-sidebar #content-sidebar-wrap {
    float: right;
}


/***** Content ********************/

#content {
    width: 440px;
    width: 600px !important;
    /* Apr 2017 adjustment */
    float: left;
}

td#event_mainbody #content {
    width: 100% !important;
    /* Apr 2017 adjustment */
}

.sidebar-content #content,
.sidebar-sidebar-content #content {
    float: right;
}

.sidebar-content #content,
.content-sidebar #content {
    width: 600px;
}

.full-width-content #content {
    width: 920px;
    margin: 0;
    padding: 10px 0 0 0;
}

#content blockquote {
    background: #F4F4F4;
    margin: 0 15px 15px 15px;
    padding: 10px 20px 0 15px;
    border: 1px solid #DDDDDD;
}

#content .page {
    margin: 0;
    padding: 0 0 20px 0;
}

#content .post {
    margin: 0 0 10px 0;
    padding: 0;
}

.home #content .post {
    margin: 0 0 10px 0;
    padding: 0;
}

#content .post p,
#content .page p {
    margin: 0;
    padding: 0 0 15px 0;
}

#content .sticky {
    background: #F4F4F4;
    margin: 0 0 40px 0;
    padding: 10px;
    border: 1px solid #DDDDDD;
}

#content .archive-page {
    float: left;
    width: 45%;
    margin: 0;
    padding: 20px 0 20px 0;
}

.font_16 {
    font-size: 16px;
}

.clear {
    clear: both;
}


/***** Headlines ********************/

#content h1,
#content h2,
#content h3,
#content h4,
#content h5,
#content h6 {
    color: #333333;
    font-family: Georgia, Times New Roman, Trebuchet MS;
    font-weight: normal;
    text-decoration: none;
    margin: 0 0 10px 0;
    padding: 0;
}

#content h1,
#content h2 {
    font-size: 22px;
    line-height: 25px;
}

#content h2 a,
#content h2 a:visited {
    color: #333333;
    text-decoration: none;
}

#content h2 a:hover {
    color: #006699;
    text-decoration: none;
}

#featured-top h2,
#featured-top h2 a,
#featured-bottom h2,
#featured-bottom h2 a,
#sidebar h2,
#sidebar h2 a,
#footer-widgets h2,
#footer-widgets h2 a {
    color: #333333;
    font-size: 16px;
    font-family: Georgia, Times New Roman, Trebuchet MS;
    font-weight: normal;
    margin: 0 0 5px 0;
    padding: 0;
    text-decoration: none;
    line-height: 20px;
}

#featured-top h2 a:hover,
#featured-bottom h2 a:hover,
#sidebar h2 a:hover,
#footer-widgets h2 a:hover {
    color: #006699;
    text-decoration: none;
}

#featured-top .ui-tabs h2,
#featured-top .ui-tabs h2 a {
    font-size: 20px;
    margin: 0 0 5px 0;
}

#featured-bottom h2,
#featured-bottom h2 a,
#sidebar h2,
#sidebar h2 a,
#footer-widgets h2,
#footer-widgets h2 a {
    font-size: 14px;
    margin: 0 !important;
}

#content h3 {
    font-size: 18px;
}

#content h4 {
    font-size: 16px;
}

#content #featured-top h4,
#content #featured-bottom h4,
#sidebar h4,
#sidebar-alt h4,
#footer-widgets h4 {
    color: #333333;
    font-family: Arial, Tahoma, Verdana;
    font-size: 12px;
    font-weight: bold;
    text-transform: uppercase;
    margin: 0 0 10px 0;
    padding: 5px 0 5px 5px;
    border-top: 3px solid #CCCCCC;
    border-bottom: 1px dotted #AAAAAA;
}

#sidebar h4,
#sidebar-alt h4 {
    margin: 0 0 5px 0;
}

#footer-widgets h4 {
    margin: 2px 0 10px 0;
    padding: 5px 0 5px 5px;
    border-top: none;
    border-bottom: 1px dotted #AAAAAA;
}

#content h5 {
    font-size: 14px;
}

#content h6 {
    font-size: 12px;
}


/***** Unordered/Ordered Lists ********************/

#content ul,
#content ol,
#footer-widgets ul {
    margin: 0;
    padding: 0 0 15px 0;
}

#sidebar ul,
#sidebar-alt ul,
#sidebar ul ul,
#sidebar-alt ul ul {
    margin: 0;
    padding: 0;
}

#content ul li,
#sidebar li,
#sidebar-alt li,
#footer-widgets ul li {
    list-style-type: none;
    background: url(images/sidebar-list.png) no-repeat top left;
    margin: 0 0 3px 0;
    padding: 0 0 0 13px;
    word-wrap: break-word;
}

#content .post ol li,
#content .page ol li {
    margin: 0 0 0 25px;
    padding: 0;
}


/***** Post Info ********************/

.post-info {
    margin: 0 0 10px 0;
    padding: 0;
}


/***** AdSense ********************/

.adsense {
    padding: 10px 0 10px 0;
    border-top: 1px solid #DDDDDD;
}


/***** Post Meta ********************/

.post-meta {
    margin: 0 0 20px 0;
    padding: 5px 0 0 0;
    border-top: 1px solid #DDDDDD;
    clear: both;
}


/***** Author Box ********************/

.author-box {
    clear: both;
    background: #F4F4F4;
    margin: 0 0 10px 0;
    padding: 10px;
    border: 1px solid #DDDDDD;
    overflow: hidden;
}

.author-box img {
    background: #FFFFFF !important;
    float: left;
    margin: 0 10px 0 0;
    padding: 4px;
    border: 1px solid #DDDDDD;
}


/***** Post Icons ********************/

.time {
    background: url(images/icon-time.png) no-repeat top left;
    margin: 0 0 0 3px;
    padding: 0 0 2px 18px;
}

.post-comments {
    background: url(images/icon-comments.png) no-repeat top left;
    margin: 0 0 0 3px;
    padding: 0 0 2px 18px;
}

.categories {
    background: url(images/icon-categories.png) no-repeat top left;
    margin: 0 0 0 3px;
    padding: 0 0 2px 20px;
}

.tags {
    background: url(images/icon-tags.png) no-repeat top left;
    margin: 0 0 0 3px;
    padding: 0 0 2px 18px;
}


/***** Images ********************/

#content .post-image {
    margin: 0 10px 10px 0;
    padding: 4px;
    border: 1px solid #DDDDDD;
}

img.centered,
.aligncenter {
    display: block;
    margin: 0 auto 10px;
    max-width: -webkit-fill-available;
}

img.alignnone {
    margin: 0 0 10px 0;
    display: inline;
}

img.alignleft {
    margin: 0 10px 10px 0;
    display: inline;
}

img.alignright {
    margin: 0 0 10px 10px;
    display: inline;
}

.alignleft {
    float: left;
    margin: 0 10px 0 0;
}

.alignright {
    float: right;
    margin: 0 0 0 10px;
}

.wp-caption {
    /* background: #F4F4F4; */
    padding: 5px 0 10px 1px;
    text-align: center;
    /* border: 1px solid #DDDDDD; */
}

.wp-caption p.wp-caption-text {
    font-size: 11px;
    font-weight: normal;
    line-height: 12px;
    padding-top: 5px !important;
}

img.wp-smiley,
img.wp-wink {
    float: none;
    border: none;
}


/***** Post Navigation ********************/

.navigation {
    width: 100%;
    margin: 0;
    padding: 10px 0 10px 0;
}

.navigation ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
}

.navigation li {
    display: inline;
}

.navigation li a,
.navigation li.disabled {
    color: #006699;
    padding: 5px 8px 5px 8px;
    border: 1px solid #DDDDDD;
}

.navigation li a:hover,
.navigation li.active a {
    background: #F4F4F4;
    color: #006699;
    border: 1px solid #DDDDDD;
    text-decoration: none;
}


/***** Primary & Secondary Sidebars ********************/

#sidebar {
    width: 300px;
    margin-left: 20px;
    /* Apr 2017 adjustment */
    float: right;
    display: inline;
}

#sidebar-alt {
    width: 140px;
    float: left;
    display: inline;
    display: none !important;
    /* Apr 2017 adjustment */
}

#sidebar-bottom-left {
    width: 145px;
    float: left;
    display: inline;
}

#sidebar-bottom-right {
    width: 145px;
    float: right;
    display: inline;
}

.sidebar-content #sidebar,
.sidebar-sidebar-content #sidebar {
    float: left;
}

.content-sidebar-sidebar #sidebar-alt {
    float: right;
}

.bml {
    display: none;
}

.bml-btn {
    display: none;
}

.po-btn {
    display: none;
}



.pt0b20 {
    padding: 0px 20px;
}

.btn-cont-subscribe {
    margin-top: 10px;
    display: inline-block;
}

.f-w-b {
    font-weight: 1000;
}

.purchase-button {
    background-color: #0055b8 !important;
    margin-left: 25px !important;
    margin-top: 30px !important;
}

.bml-button {
    background-color: #0055b8 !important;
    margin-left: 25px !important;
    margin-top: 30px !important;
}

.edit-payment-button {
    background-color: #0055b8 !important;
    margin-left: 25px !important;
    margin-top: 30px !important;
}


/* Print Styles */

@media print {
    body {
        background: white;
        color: black;
        margin: 0
    }
}

#sidebar .widget,
#sidebar-alt .widget {
    margin: 0 0 20px 0;
    padding: 0;
}

#sidebar embed,
#sidebar object,
#sidebar-alt embed,
#sidebar-alt object {
    margin: 10px 0 0 0;
    padding: 0;
}


/***** Sidebar(s) Dropdowns ********************/

#cat,
#sidebar .widget_archive select,
#sidebar-alt .widget_archive select {
    background: #F4F4F4;
    width: 100%;
    color: #333333;
    font-family: Arial, Tahoma, Verdana;
    font-size: 11px;
    margin: 10px 0 5px 0;
    padding: 3px;
    display: inline;
    border: 1px solid #DDDDDD;
}


/***** Sidebar(s) User Profile ********************/

#sidebar .user-profile,
#sidebar-alt .user-profile {
    overflow: hidden;
}

#sidebar .user-profile .avatar,
#sidebar-alt .user-profile .avatar {
    background: #F4F4F4;
    float: left;
    margin: 0;
    padding: 4px;
    border: 1px solid #DDDDDD;
}

#sidebar .user-profile p,
#sidebar-alt .user-profile p {
    margin: 0;
    padding: 10px 10px 0 10px;
}

#sidebar .user-profile .posts_link,
#sidebar-alt .user-profile .posts_link {
    margin: 0;
    padding: 0 0 10px 10px;
}


/***** Buttons ********************/

#submit,
.enews #subbutton,
.gform_footer .button {
    background: #444444 !important;
    color: #FFFFFF;
    font-size: 11px;
    font-family: Arial, Tahoma, Verdana;
    font-weight: bold !important;
    text-decoration: none;
    text-transform: uppercase;
    margin: 0;
    padding: 3px 5px 3px 5px;
    border: 1px solid #444444;
    border: 1px solid #444444;
}

#submit:hover,
.enews #subbutton:hover,
.gform_footer .button:hover {
    background: #006699 !important;
    text-decoration: none;
    border: 1px solid #006699;
}


/***** eNews & Updates Widget ********************/

.enews {
    background: url(images/enews.png) no-repeat top RIGHT;
    margin: 0;
    padding: 0 0 5px 0;
}

.enews #subscribe {
    overflow: hidden;
}

.enews #subbox {
    background: #F4F4F4 !important;
    width: 240px;
    color: #333333;
    font-family: Arial, Tahoma, Verdana;
    font-size: 12px;
    padding: 4px 0 4px 5px;
    margin: 5px 8px 0 0;
    border: 1px solid #DDDDDD;
    -moz-box-shadow: 0 0 3px #CCCCCC inset;
    -webkit-box-shadow: 0 0 3px #CCCCCC inset;
}


/***** Latest Tweets Widget ********************/

.latest-tweets {
    background: url(images/twitter.png) top right no-repeat;
    margin: 10px 0 0 0;
    padding: 0;
}


/***** Calendar ********************/

#wp-calendar {
    margin: 0;
    padding: 0;
    width: 100%;
}

#wp-calendar caption {
    color: #333333;
    font-size: 12px;
    font-family: Arial, Tahoma, Verdana;
    font-style: italic;
    font-weight: normal;
    margin: 0;
    padding: 2px 5px 0 0;
    text-align: right;
}

#wp-calendar th {
    color: #333333;
}

#wp-calendar thead {
    margin: 10px 0 0 0;
    font-weight: bold;
    background: #F4F4F4 !important;
    color: #F4F4F4 !important;
}

#wp-calendar td {
    background: #F4F4F4;
    font-weight: normal;
    text-align: center;
    margin: 0;
    padding: 2px;
}

#wp-calendar tfoot td {
    background: none;
    margin: 0;
    padding: 0;
}


/***** Contact Form ********************/

.gform_wrapper input,
.gform_wrapper textarea,
.gform_wrapper select {
    background: #F4F4F4 !important;
    color: #333333 !important;
    font-family: Arial, Tahoma, Verdana;
    font-size: 12px !important;
    padding: 4px 0 4px 5px !important;
    border: 1px solid #DDDDDD;
    -moz-box-shadow: 0 0 3px #CCCCCC inset;
    -webkit-box-shadow: 0 0 3px #CCCCCC inset;
}

.gform_footer input.button {
    color: #FFFFFF !important;
}

.gform_wrapper .ginput_complex label {
    font-size: 12px !important;
}

.gform_wrapper li,
.gform_wrapper form li {
    margin: 0 0 10px 0 !important;
}

.gform_wrapper .gform_footer {
    border: none !important;
}


/***** Footer Widgets ********************/

#footer-widgets {
    width: 920px;
    font-size: 12px;
    margin: 0 auto 0;
    border-top: 3px solid #CCCCCC;
    overflow: hidden;
    clear: both;
}

#footer-widgets .wrap {
    width: 920px;
    margin: 0 auto 0;
}

#footer-widgets .widget {
    background: none;
    border: none;
}

#footer-widgets p {
    margin: 0;
    padding: 0 0 10px 0;
}

.footer-widgets-1 {
    width: 295px;
    float: left;
    padding: 0 20px 0 0;
}

.footer-widgets-2 {
    width: 290px;
    float: left;
}

.footer-widgets-3 {
    width: 295px;
    float: right;
}


/***** Footer ********************/


/*#footer {
	width: 940px;
	font-size: 11px;
	margin: 0 auto 0;
	padding: 10px 0 10px 0;
	text-transform: uppercase;
	border-top: 3px solid #CCCCCC;
	overflow: hidden;
	clear: both;
	}

#footer a, #footer a:visited {
	color: #333333;
	text-decoration: none;
	}

#footer a:hover {
	color: #006699;
	text-decoration: none;
	}

#footer .gototop {
	width: 200px;
	float: left;
	margin: 0;
	padding: 0 0 0 5px;
	}

#footer .creds {
	width: 720px;
	float: right;
	margin: 0;
	padding: 0 5px 0 0;
	text-align: right;
	}*/


/***** Comments ********************/

.comments {
    font-size: 12px;
}

#respond {
    margin: 0 0 20px 0;
    padding: 0;
}

#author,
#email,
#url {
    background: #F4F4F4 !important;
    width: 250px;
    color: #333333;
    font-family: Arial, Tahoma, Verdana;
    font-size: 13px;
    padding: 5px;
    margin: 5px 5px 0 0;
    border: 1px solid #DDDDDD;
    -moz-box-shadow: 0 0 3px #CCCCCC inset;
    -webkit-box-shadow: 0 0 3px #CCCCCC inset;
}

#comment {
    background: #F4F4F4 !important;
    width: 98%;
    height: 150px;
    color: #333333;
    font-family: Arial, Tahoma, Verdana;
    font-size: 13px;
    padding: 5px;
    margin: 5px 0 5px 0;
    border: 1px solid #DDDDDD;
    -moz-box-shadow: 0 0 3px #CCCCCC inset;
    -webkit-box-shadow: 0 0 3px #CCCCCC inset;
}

.comment-list,
.children {
    margin: 0;
    padding: 0;
}

.ping-list {
    margin: 0 0 40px 0;
    padding: 0;
}

.comment-list ol,
.ping-list ol {
    margin: 0;
    padding: 10px;
}

.comment-list li,
.ping-list li {
    font-weight: bold;
    margin: 15px 0 5px 0;
    padding: 10px 5px 10px 10px;
    list-style: none;
}

.comment-list li ul li {
    margin-right: -6px;
    margin-left: 10px;
}

.comment-list p,
.ping-list p {
    font-weight: normal;
    text-transform: none;
    margin: 10px 5px 10px 0;
    padding: 0;
}

.comment-list li .avatar {
    background: #FFFFFF !important;
    float: right;
    border: 1px solid #DDDDDD;
    margin: 0 5px 0 10px;
    padding: 4px;
}

.comment-list cite,
.comment-list cite a,
.ping-list cite,
.ping-list cite a {
    font-weight: bold;
    font-style: normal;
}

.commentmetadata {
    font-size: 11px;
    font-weight: normal;
}

#respond:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.alt {
    margin: 0;
    padding: 10px;
}

.nocomments {
    text-align: center;
    margin: 0;
    padding: 0;
}

.reply a,
.reply a:visited {
    font-size: 11px;
}

#comments .navigation {
    display: block;
    margin: 10px 0 0 0;
}

.thread-alt,
.thread-even {
    background: #F4F4F4;
    margin: 0;
    padding: 0;
}

.depth-1,
.even,
.alt {
    border: 1px solid #DDDDDD;
    margin: 0;
    padding: 0;
}

.comment-policy-box {
    margin: 0px 0px 20px 0;
}


/************ CUSTOM CSS FOR SLJ NEWS AND FEATURES *****************/

.Subhead,
.SubHead,
.Subheadpeople,
.SubheadLetterFB {
    color: #FF3300;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 120%;
}

.LeadinFeature,
.LEADin,
.Leadin,
.QuestionText,
.TrendLeadin {
    font-size: 110%;
    font-weight: bold;
}

.Subhead14Feature {
    font-size: 130%;
    font-weight: bold;
}

#sidebox,
.sidebox {
    float: right;
    background-color: #E2E2E2;
    margin: 12px;
    padding: 7px;
}

.sidebox1,
#sidebox1 {
    float: right;
    background-color: #DBD1BE;
    margin: 12px;
    padding: 7px;
}

p.TextLetterSubmitterFB {
    margin-top: -1em !important;
}

.photobox {
    background-color: #E2E2E2;
    padding: 7px !important;
}

.TextDate {
    color: #FF3300;
    text-transform: uppercase;
}

.TextTime {
    color: #3399FF;
}

.TextDate,
.TextTime,
.TextProgramName {
    font-weight: bold;
    display: inline;
    clear: both;
}


/***** STYLES FOR REVIEWS *******/

.review-flex {
    display: flex;
    flex-flow: wrap;
}

.reviewlist-flex {
    flex: 1;
    width: auto;
}

.margin-auto {
    margin-left: auto;
    margin-right: auto;
}

.ProductCreator,
.ProductName,
.ProductPublisher,
.ISBN,
.ProductCategory,
.Verdict,
.AuthName,
.TGBold2,
.TextLetterSubmitterFB,
.SubheadLetterFB,
.Personname,
.LeadinName,
.TGboldItalic,
.LeadinSideText,
.TextLibName1,
.Boldblack,
.Boldsessionleadin1,
.VitalsBold {
    font-weight: bold;
}

.ProductName,
.LeadinGailBruce,
.BottomLine {
    color: #3399FF;
}

.TGBold2 {
    color: #666;
}

.ProductCategory {
    text-transform: uppercase;
    font-size: 80%;
}

.Verdict,
.LeadinReview {
    color: #FF3300;
    text-transform: uppercase;
}

.RedLibName1,
.VertLine1,
.Boldred {
    color: #FF3300;
    font-weight: bold;
}

.LeadinName,
.LeadinSideText,
.VitalsBold {
    text-transform: uppercase;
}

.TGbol2Italic,
.BemboItalic,
.TGboldItalic {
    font-style: italic;
}

.Subhead,
.TextSubheadBiblioCheryl,
.BottomLine,
.lbd-hed,
.RedLibName1,
.Boldsessionleadin1,
.archname {
    font-weight: bold;
    font-size: 120%;
}

.revhed,
.bold-110 {
    font-weight: bold;
    font-size: 110%;
}

.credit {
    font-size: 80%;
}


/************ Dynamic Content Gallery slider tweaks *****************/

.dfcg-carouselBtn {
    opacity: 0.4 !important;
}

#dfcg-openGallery a:hover {
    opacity: 0.9 !important;
}


/*Portfolio Slideshow */

.slideshow-nav {
    background-color: #E2E2E2;
    padding: 10px;
}

.slideshow-nav a {
    font-weight: bold;
    font-size: 110%;
    color: #006699 !important;
}

.slideshow-caption {
    width: 600px;
}


/* Wordpress Popular Posts style tweaks*/

.pop-layout-v ul li {
    list-style-type: none !important;
    background: none !important;
    margin: 0 2px 0 0 !important;
    padding: 0 2px 0 0 !important;
    min-height: 35px !important;
}

.pop-inside ul li {
    padding: 2px 0 5px 10px !important;
}

ul.pop-inside li a {
    padding: 0 3px !important;
}

#pop-widget-recent-4 img,
#pop-widget-commented-4 img,
#pop-widget-viewed-4 img {
    float: right;
    margin: 5px 3px;
}

#pop-widget-commented-4 p,
#pop-widget-viewed-4 p,
#pop-widget-comments-4 img {
    display: none
}

ul.pop-widget-tabs.pop-widget-tabs-3 li span,
ul.pop-widget-tabs.pop-widget-tabs-4 li span,
ul.pop-widget-tabs.pop-widget-tabs-5 li span {
    display: inline !important;
}


/* Movers & Shakers Styles */

#mover-title {
    font-weight: bold;
}

#mover-image {
    float: right;
    width: 300px;
}

#mover-leadin {
    color: #993300;
    font-weight: bold;
}

#vitals {
    width: 293px;
    float: right;
    margin: 0px 0px 10px 12px;
    padding: 0px 0px 7px 7px;
    background-color: #DEB887;
}


/*hr
	{border-style:dotted;}*/

#msvitals {
    text-transform: lowercase;
    font-size: 200%;
    font-weight: bold;
    color: #fff
}

.vital-hed,
.BoxTextLeadin1 {
    text-transform: uppercase;
    font-weight: bold;
    color: #D2691E;
}

#msphotocredit {
    float: right;
    font-style: italic;
    font-size: 80%;
}

#vitals-copy {
    clear: both;
    padding: 15px 10px 0px 12px;
    margin-top: 100px
}

#movers-profile p {
    font-size: 13px
}

#vitals-copy p {
    font-size: 115%;
}

p.mover-text {
    font-size: 13px
}


/**************** STAR LIBRARIES TABLES STYLE *****************/

.starlibs,
.starlibs2,
.starlibs3,
.starlibs4 {
    text-align: center !important;
    background-color: #F5F5F5;
    font-family: arial;
    width: 600px;
}

.starlibs,
.starlibs3,
.starlibs4 {
    line-height: 130%;
}

.starlibs2 {
    font-weight: 400;
}

.starlibs tr td,
.starlibs2 tr td,
.starlibs3 tr td,
.starlibs4 tr td {
    vertical-align: middle;
}


/*****set library name column to pink ****/

.starlibs .column-2,
.starlibs2 .column-3,
.starlibs3 .column-2,
.starlibs4 .column-3,
.starlibs2014 .column-2 {
    background-color: #FFCCCC;
    text-align: left;
    font-size: 12px;
}


/**** per capita rowspan ****/

.starlibs .row-1 .column-4 {
    background-color: #666666;
    color: white;
}


/*****set header row to bold uppercase ****/

.starlibs .row-1 td,
.starlibs .row-2 td,
.starlibs2 .row-1 td,
.starlibs3 row-1 td {
    text-align: center;
    text-transform: uppercase;
    font-weight: bold;
}

.starlibs .row-2 .column-2,
.starlibs .row-2 .column-3 {
    color: #990000 !important;
}


/*****set four-star band to lighter shade of pink****/

.starlibs .fourstar .column-2 {
    background-color: #FFE6E6 !important;
}


/*****set four-star band to lighter shade of pink in score column****/

.starlibs .fourstar .column-8 {
    background-color: #660000 !important;
}


/*****set four-star band to lighter shade of pink
.wp-table-reloaded-table-name-id-36 {
    clear: both;
    margin: 30px 0 0 0px;
    }
****/


/*****set score column to red background w/ white letters ***/

.starlibs .column-8 {
    background-color: #b20000;
    color: white;
    font-size: 12px;
    font-weight: bold;
}


/*****set score columns to darker shade of grey (2013) ***/

.starlibs4 .column-8,
.starlibs4 .column-9 {
    background-color: #E0E0E0;
}


/*****set circ and program attendance to darker shade of grey ***/

.starlibs .column-4,
.starlibs .column-6,
.starlibs2 .column-6,
.starlibs2 .column-8,
.starlibs3 .column-4,
.starlibs3 .column-6 {
    background-color: #E0E0E0;
}


/*****set visits and public internet terminal use to darker shade of grey ***/

.starlibs .column-5,
.starlibs .column-7,
.starlibs2 .column-7,
.starlibs2 .column-9,
.starlibs3 .column-5,
.starlibs3 .column-7 {
    background-color: #F0F0F0;
}


/***set asterisks to look like proper stars***/

.starlibs2 .column-2,
.starlibs3 .column-1,
.starlibs4 .column-6,
.starlibs4 .column-7 {
    font-family: Comic Sans MS;
    color: #993300;
    font-size: 160%;
}


/*** undo comic sans on the word stars ****SHUDDER**** ***/

.starlibs2 .row-1 .column-2,
.starlibs3 .row-1 .column-1,
.starlibs4 .row-1 .column-6,
.starlibs4 .row-1 .column-7,
table#wp-table-reloaded-id-112-no-1 .column-7 {
    font-family: arial;
    font-size: 100%;
}

.starlibs2 .row-1 .column-3,
.starlibs3 .row-1 .column-2 {
    text-align: center;
}

.starlibs2 .column-10,
starlibs3 .column-8 {
    color: #888888;
}


/*** 2014: Row Header ****/

.starlibs2014 .row-1 {
    font-weight: bold;
}

.starlibs2014 .row-1 .column-2,
.starlibs2014 .row-1 .column-3,
.star2014ss .row-1 .column-3,
.star2014ss .row-1 .column-4,
.star2014ss .row-1 .column-5,
.star2014ns .row-1 .column-3,
.star2014ls .row-1 .column-3 {
    color: #a70e13;
    text-transform: uppercase;
}


/*** 2014: All Rows ****/

.starlibs2014 td,
.starlibs2014 th,
.star2014ss td,
.star2014ss th,
.star2014ns td,
.star2014ns th,
.star2014ls td,
.star2014ls th {
    border-bottom: 1px solid #333 !important;
}


/*** 2014: Stars Column ****/

.starlibs2014 .column-1,
.star2014ss .column-2,
.star2014ns .column-2,
.star2014ls .column-8,
.star2014ls .column-9 {
    background-color: #a70e13;
    text-align: center;
    font-family: Comic Sans MS;
    color: #ffffff;
    font-size: 160%;
}

.star2014ls .column-9 {
    font-size: 100%;
}

.starlibs2014 .row-1 .column-1,
.star2014ss .row-1 .column-2,
.star2014ns .row-1 .column-2,
.star2014ls .row-1 .column-8,
.star2014ls .row-1 .column-9 {
    font-family: Arial;
    font-size: 12px;
    text-transform: uppercase;
}


/*** 2014: Library Name Column ****/

.starlibs2014 .column-2,
.star2014ss .column-3,
.star2014ns .column-3,
.star2014ls .column-3 {
    background-color: #f0d3c6;
    text-align: left;
    font-size: 12px;
}


/*** 2014: State Column ****/

.starlibs2014 .column-3,
.star2014ss .column-1,
.star2014ss .column-4,
.star2014ss .column-5,
.star2014ns .column-1,
.star2014ns .column-4,
.star2014ns .column-5,
.star2014ls .column-1,
.star2014ls .column-2,
.star2014ls .column-4,
.star2014ls .column-5 {
    background-color: #e6e6e7;
    text-align: center;
    font-size: 12px;
}


/*** 2014: Dark Gray Columns ****/

.starlibs2014 .column-4,
.starlibs2014 .column-6,
.starlibs2014 .column-8,
.star2014ss .column-6,
.star2014ss .column-8,
.star2014ss .column-10 {
    background-color: #d6d7d9;
    text-align: center;
    font-size: 12px;
}


/*** 2014: Light Gray Columns ****/

.starlibs2014 .column-5,
.starlibs2014 .column-7,
.star2014ss .column-7,
.star2014ss .column-9 {
    background-color: #f7f7f7;
    text-align: center;
    font-size: 12px;
}


/*** 2014: Score Column ****/

.starlibs2014 .column-9,
.star2014ns .column-6,
.star2014ls .column-6,
.star2014ls .column-7 {
    background-color: #bb4e37;
    color: #fff;
    text-align: center;
    font-size: 12px;
    font-weight: bold;
    text-transform: uppercase;
}


/*** 2016: Row Header ****/

.starlibs2016 .row-1 {
    font-weight: bold;
}

.starlibs2016 .row-1 .column-2,
.starlibs2016 .row-1 .column-3,
.star2016ss .row-1 .column-3,
.star2016ss .row-1 .column-4,
.star2016ss .row-1 .column-5,
.star2016ns .row-1 .column-3,
.star2016ls .row-1 .column-3 {
    color: #a70e13;
    text-transform: uppercase;
}


/*** 2016: All Rows ****/

.starlibs2016 td,
.starlibs2016 th,
.star2016ss td,
.star2016ss th,
.star2016ns td,
.star2016ns th,
.star2016ls td,
.star2016ls th {
    border-bottom: 1px solid #333 !important;
}


/*** 2016: Stars Column ****/

.starlibs2016 .column-1,
.star2016ss .column-2,
.star2016ns .column-2,
.star2016ls .column-8,
.star2016ls .column-9 {
    background-color: #a70e13;
    text-align: center;
    font-family: Comic Sans MS;
    color: #ffffff;
    font-size: 160%;
}

.star2014ls .column-9 {
    font-size: 100%;
}

.starlibs2016 .row-1 .column-1,
.star2016ss .row-1 .column-2,
.star2016ns .row-1 .column-2,
.star2016ls .row-1 .column-8,
.star2016ls .row-1 .column-9 {
    font-family: Arial;
    font-size: 12px;
    text-transform: uppercase;
}


/*** 2016: Library Name Column ****/

.starlibs2016 .column-2,
.star2016ss .column-3,
.star2016ns .column-3,
.star2016ls .column-3 {
    background-color: #f0d3c6;
    text-align: left;
    font-size: 12px;
}


/*** 2016: State Column ****/

.starlibs2016 .column-3,
.star2016ss .column-1,
.star2016ss .column-4,
.star2016ss .column-5,
.star2016ns .column-1,
.star2016ns .column-4,
.star2016ns .column-5,
.star2016ls .column-1,
.star2016ls .column-2,
.star2016ls .column-4,
.star2016ls .column-5 {
    background-color: #e6e6e7;
    text-align: center;
    font-size: 12px;
}


/*** 2016: Dark Gray Columns ****/

.starlibs2016 .column-4,
.starlibs2016 .column-6,
.starlibs2016 .column-8,
.star2016ss .column-6,
.star2016ss .column-8,
.star2016ss .column-10 {
    background-color: #d6d7d9;
    text-align: center;
    font-size: 12px;
}


/*** 2014: Light Gray Columns ****/

.starlibs2016 .column-5,
.starlibs2016 .column-7,
.starlibs2016 .column-9,
.star2016ss .column-7,
.star2016ss .column-9 {
    background-color: #f7f7f7;
    text-align: center;
    font-size: 12px;
}


/*** 2016: Score Column ****/

.starlibs2016 .column-10,
.star2016ns .column-6,
.star2016ls .column-6,
.star2016ls .column-7 {
    background-color: #bb4e37;
    color: #fff;
    text-align: center;
    font-size: 12px;
    font-weight: bold;
    text-transform: uppercase;
}


/***** Styles for Architecture Issue *****/

.BoldArchitectName {
    font-weight: bold;
}

.acanew .column-3,
.acaadd .column-3,
.acaren .column-3,
.acaaddren .column-3,
.acanew .column-5,
.acaadd .column-5,
.acaren .column-5,
.acaaddren .column-5,
.acanew .column-7,
.acaadd .column-7,
.acaren .column-7,
.acaaddren .column-7,
.acanew .column-9,
.acaadd .column-9,
.acaren .column-9,
.acaaddren .column-9,
.pubnew .column-3,
.pubadd .column-3,
.pubnew .column-5,
.pubadd .column-5,
.pubnew .column-7,
.pubadd .column-7,
.pubnew .column-9,
.pubadd .column-9,
.pubnew .column-11,
.pubadd .column-11,
.pubnew .column-13,
.pubadd .column-13,
.summary .column-3,
.sources .column-3,
.summary .column-5,
.sources .column-5,
.summary .column-7,
.sources .column-7 {
    background-color: #F0F0F0;
}

.acanew .column-2,
.acaadd .column-2,
.acaren .column-2,
.acaaddren .column-2,
.acanew .column-4,
.acaadd .column-4,
.acaren .column-4,
.acaaddren .column-4,
.acanew .column-6,
.acaadd .column-6,
.acaren .column-6,
.acaaddren .column-6,
.acanew .column-8,
.acaadd .column-8,
.acaren .column-8,
.acaaddren .column-8,
.acaaddren .column-10,
.pubnew .column-2,
.pubadd .column-2,
.pubnew .column-4,
.pubadd .column-4,
.pubnew .column-6,
.pubadd .column-6,
.pubnew .column-8,
.pubadd .column-8,
.pubnew .column-10,
.pubadd .column-10,
.pubnew .column-12,
.pubadd .column-12,
.summary .column-2,
.sources .column-2,
.summary .column-4,
.sources .column-4,
.summary .column-6,
.sources .column-6 {
    background-color: #E0E0E0;
}

.acanew .row-1,
.acaadd .row-1,
.acaren .row-1,
.acaaddren .row-1,
.pubnew .row-1,
.pubadd .row-1,
.summary .row-1,
.sources .row-1 {
    text-transform: uppercase;
    text-align: center !important;
}

.acanew,
.acaadd,
.acaren,
.acaaddren,
.pubnew,
.pubadd,
.summary,
.sources {
    text-align: right !important;
}

.acanew .column-1,
.acaadd .column-1,
.acaren .column-1,
.acaaddren .column-1,
.acanew .column-9,
.acaadd .column-9,
.acaren .column-9,
.acaaddren .column-10,
.pubnew .column-1,
.pubadd .column-1,
.pubnew .column-13,
.pubadd .column-13,
.summary .column-1,
.sources .column-1 {
    text-align: left;
}

.acanew .column-1,
.acaadd .column-1,
.acaren .column-1,
.acaaddren .column-1,
.pubnew .column-1,
.pubadd .column-1,
.summary .column-1,
.sources .column-1 {
    background-color: #FFF;
}


/* Category Headers based on tags and category distinctions */

#cat-header {
    padding: 10px;
    margin: 0px 0px 30px 0px;
}


/* CLEAR FIX */

.group:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

*html .group {
    height: 1%;
}

*:first-child+html .group {
    min-height: 1px;
}


/* END CLEAR FIX */


/* BEGIN RELATED POSTS */

#recent {
    background-color: #E8E8E8;
    font-size: 12px;
    padding-left: 7px;
    display: block;
    margin-top: -15px;
    color: #666666;
    width: 100px;
    padding-top: 2px;
    padding-bottom: 2px;
}

#related {
    border: 1px solid #E8E8E8;
    margin-bottom: 20px;
}

#related h3 {
    /*text-transform: uppercase;*/
    font-size: 1.1em;
    margin-bottom: 0px;
    line-height: 1.2em;
    font-family: arial, sans-serif;
}

#related a {
    text-decoration: none;
    font-weight: bold;
}

#related .date {
    font-size: 0.7em;
    color: #999999;
    margin-top: -3px;
    margin-bottom: 10px;
}

#related .relatedThumb {
    float: right;
    margin-left: 10px;
    margin-bottom: 5px;
}

#related p {
    font-size: 0.8em;
    line-height: 1.4em;
}

#related .story1 {
    width: 274px;
    float: left;
    margin: 10px 0px 10px 12px;
    border-right-style: solid;
    border-right-width: 1px;
    border-right-color: #E8E8E8;
    padding-right: 12px;
}

#related .story2 {
    width: 274px;
    margin: 10px 12px 10px 12px;
    float: left;
}


/* END RELATED POSTS */


/*TDS and Reviews logos on the home page */

#tds-logo,
#reviews-logo,
#slj-logo,
#info-logo {
    float: left;
    padding: 0px;
}

#tds-logo img,
#reviews-logo img,
#slj-logo img,
#info-logo img {
    border: none;
}

.via {
    vertical-align: 13px;
    font-size: 80%;
}


/* Print Styles */

@media print {
    body {
        background: white;
        color: black;
        margin: 0
    }

    #header {
        display: none !important;
    }

    #google_ads_div_LJTicker920x25_ad_wrapper {
        display: none !important;
    }

    #topnav-right {
        display: none;
    }
}

#content .ui-tabs ul.ui-tabs-nav li.ui-state-default a {
    color: #CC3333;
}

#content .ui-tabs ul.ui-tabs-nav li {
    padding: 13px !important;
    line-height: 25px;
}


/* SLJ Top Content
------------------------------------------------------------ */

#topwrap {
    margin: 15px auto 0 auto;
    padding: 0px;
    width: 960px;
    height: 47px;
    vertical-align: bottom;
    border: 0;
}

#ljlogo {
    display: block;
    width: 252px;
    height: 47px;
    float: left;
    margin: 0 auto 0 auto;
    padding-bottom: 0;
    border: 0px;
}

#ljlogo a {
    margin: 0;
    padding: 0;
}

#ljlogo img {
    margin: 10px 0 0 0;
    padding: 0;
    border: 0px;
}

#lj_ad_row {
    width: 960px;
    height: 100px;
    margin: 0 auto;
    padding: 0 0 0 0;
}

#leaderboard_ad {
    height: 90px;
    margin: 5px 0 5px 15px;
    padding: 0;
    float: left;
    background: #fff;
}

#lj_subscribe_ad {
    clear: none;
    width: 190px;
    height: 90px;
    margin: 5px 0 5px 17px;
    padding: 0;
    float: left;
}


/* Legacy Content
------------------------------------------------------------ */

span.LegacyByline,
span.LegacyDeckhead {
    color: #333;
    font-family: 'Droid Serif', serif;
    font-weight: normal;
    line-height: 22px;
    margin: 0 0 10px;
    padding: 0;
    text-decoration: none;
}

span.LegacyByline {
    font-size: 16px;
}

span.LegacyDeckhead {
    font-size: 18px;
}


/* Movers & Shakers */

table.MSvitals {
    border: 2px solid #666;
    margin-bottom: 20px;
    padding: 0 20px;
}

table.MSvitals table {
    margin: 0;
}

table.MSvitals table td {
    padding: 0;
}


/* K4 Imports
------------------------------------------------------------ */

div.k4reviewbox {}

div.k4sidebox,
div.k4sidebox_right {
    background-color: #E2E2E2;
    padding: 10px;
}

div.k4sidebox {
    float: left;
    padding: 10px;
    margin: 0 0 10px 0;
}

div.k4sidebox_right {
    width: 250px;
    float: right;
    margin: 0 0 10px 15px;
    font-size: 90%;
}

div.k4sidebox p.k4subhead,
div.k4sidebox_right p.k4subhead,
div.CSSsidebox p.k4subhead,
div.CSSsidebox_right p.k4subhead {
    margin-top: 0 !important;
}

p.k4authorbio {
    font-style: italic;
}

.k4biblio {
    margin: 0 !important;
    padding: 0 !important;
    font-weight: bold;
    /* Reviews */
}

p.k4review {
    margin-top: 0px;
}

p.k4blockquote {
    background-color: #E2E2E2;
    float: left;
    padding: 10px;
    margin: 0 0 10px 0;
}

p.k4subhead {
    margin-top: 20px !important;
    color: #0055b8;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 120%;
}

p.k4text {}

p.k4byline {
    font-style: italic;
}

span.k4verdict {
    color: #ff3300;
    text-transform: uppercase;
}

span.k4category {
    text-transform: uppercase;
    font-size: 80%;
}

span.k4creatorfirst {}

span.k4creatorlast {
    font-weight: bold;
    text-transform: uppercase;
}

span.k4italics {
    font-style: italic;
}

span.k4productname {
    color: #3399FF;
    font-weight: bold;
}

span.k4gradelevel {
    font-weight: bold;
    font-size: 120%;
}

span.k4authorname {
    font-weight: bold;
}

span.k4leadin,
span.k4lead {
    font-size: 110%;
    font-weight: bold;
}

p.k4authorbio,
p.k4authorBio {
    font-style: italic !important;
    margin-top: 10px !important;
    padding-top: 10px !important;
    border-top: 2px solid #ccc;
}


/* nRelated styling */


/* .nr_related_placeholder {
	margin: 30px 0 0 0;
	padding-bottom: 0;
} */

div.nrelate {
    clear: both;
    padding-top: 20px;
}


/* AddToAny styling */

div.a2a_kit {
    margin-left: 70px;
}


/* Featured Articles box at bottom of single articles */

div#recent {
    clear: both;
    margin-top: 20px;
}


/* Movers & Shakers 2014 */

div.ms2014vitals {
    clear: both;
    margin: 0px 0px 10px 15px;
    padding: 10px;
    float: right;
    width: 300px;
    font-size: 90%;
    color: #000;
    background-color: #cccccc;
}

div.ms2014vitals span.k4lead {
    font-size: 110%;
    font-weight: bold;
    color: #df0101;
}

div.ms2014vitals h3 {
    font-family: Georgia, Times New Roman, Trebuchet MS !important;
    text-transform: lowercase !important;
    font-size: 36px !important;
    font-weight: bold !important;
    color: #fff !important;
}

div.ms2014vitals p#divider {
    width: 100%;
    height: 10px;
    margin: 0;
    padding: 0;
    border-top: 1px solid #000;
    font-size: 0;
}


/* Movers & Shakers 2016 */

div.ms2016vitals {
    clear: both;
    margin: 0px 0px 10px 15px;
    padding: 10px;
    float: right;
    width: 280px;
    font-size: 90%;
    color: #000;
    background-color: #eceded;
}

div.ms2016vitals h3 {
    margin: 5px 0 0 0 !important;
    padding: 0 2px !important;
    font-family: Georgia, Times New Roman, Trebuchet MS !important;
    text-transform: uppercase !important;
    font-size: 18px !important;
    font-weight: bold !important;
    color: #ed1c24 !important;
}

div.ms2016vitals p#current {
    margin: 0 0 5px 0 !important;
    padding: 0 2px 5px 2px !important;
    border-bottom: 2px solid #333 !important;
    font-weight: bold;
}

div.ms2016vitals h4 {
    width: 100%;
    margin: 0 !important;
    padding: 0 2px !important;
    font-family: Helvetica, Arial, sans-serif !important;
    text-transform: uppercase !important;
    font-size: 14px !important;
    font-weight: bold !important;
    color: #6d6e70 !important;
}

div.ms2016vitals p.k4text {
    margin: 0 0 5px 0 !important;
    padding: 0 2px 5px 2px !important;
    border-bottom: 1px solid #333 !important;
}

div.ms2016vitals p#photo {
    width: 100% !important;
    text-align: right !important;
    font-style: italic !important;
}

div#magazine-ref {
    clear: both;
}


/* Imported Tables
------------------------------------------------------------ */

table#tableImport,
table#tableImportSmall {
    margin-bottom: 15px;
    border: 2px solid #29abe2;
    background-color: #fff;
}

table#tableImport td,
table#tableImportSmall td {
    padding: 4px 8px;
    font-size: 9pt;
    border-bottom: 1px solid #ccc;
    line-height: 10pt;
}

table#tableImportSmall td {
    padding: 3px 6px;
    font-size: 8pt;
}

table#tableImport tr#th td,
table#tableImportSmall tr#th td {
    padding: 4px 8px;
    font-weight: bold;
    color: #fff;
    background-color: #29abe2;
    border-bottom: 0;
    white-space: nowrap;
}

table#tableImport tr#tf td,
table#tableImportSmall tr#tf td {
    padding: 4px 8px;
    font-size: 0.75em;
    border-bottom: 0;
}


/* Marketing box styles */

div.mktgbox {
    clear: both;
    width: 570px;
    margin: 15px 0 0 0;
    padding: 15px;
    background-color: #e2e2e2;
    border-radius: 10px;
}

div.mktgbox #toprow,
div.mktgbox #midrow,
div.mktgbox #botrow {
    font-family: Arial, Helvetica, sans-serif;
}

div.mktgbox #toprow,
div.mktgbox #botrow {
    font-size: 1.2em;
    font-weight: bold;
    text-align: center;
}

div.mktgbox #midrow,
div.mktgbox #botrow {
    margin: 10px 0 0 0;
}

div.mktgbox #midrow {
    font-size: 1.1em;
}

div.mktgbox a {
    text-decoration: underline;
}


/* ============================================================ */


/* Style and New Classes Added SLJ site from wordpress LJReviews_styles_23may2018  */


/* ============================================================ */


/*
	Theme Name: Lifestyle Child Theme
	Theme URI: http://www.studiopress.com/themes/lifestyle
	Description: Lifestyle is a 2 or 3-column Widget-ready child theme created for the Genesis Framework.
	Author: StudioPress
	Author URI: http://www.studiopress.com

	Version: 2.0

	Template: genesis
	Template Version: 1.6.1

	License: GNU General Public License v2.0
	License URI: http://www.opensource.org/licenses/gpl-license.php
*/


/* Table of Contents

* Import Fonts
* Defaults
* Hyperlinks
* Wrap
* Header
* Image Header - Partial Width
* Image Header - Full Width
* Navigation Constants
* Header Right Navigation
* Primary Navigation
* Primary Navigation Extras
* Secondary Navigation
* Inner
* Breadcrumb
* Taxonomy Description
* Content-Sidebar Wrap
* Content
* Post Formats
* Column Classes
* Headlines
* Unordered / Ordered Lists
* Post Info
* Post Meta
* Author Box
* Archive Page
* Post Icons
* Images
* Post Navigation
* Primary / Secondary Sidebars
* Dropdowns
* Featured Page / Post
* User Profile
* Buttons
* Social Profiles
* Search Form
* eNews & Updates Widget
* Calendar Widget
* Footer Widgets
* Footer
* Comments
* Gravity Forms
* Lifestyle Blue
* Lifestyle Charcoal
* Lifestyle Gray
* Lifestyle Green
* Lifestyle Pink
* Lifestyle Purple
* Lifestyle Tan
* Lifestyle Teal
* Lifestyle Yellow

*/


/* Import Fonts
------------------------------------------------------------ */

@import url(https://fonts.googleapis.com/css?family=Oswald);

/* Defaults
------------------------------------------------------------ */


/*body,
h1,
h2,
h2 a,
h2 a:visited,
h3,
h4,
h5,
h6,
p,
input,
select,
textarea {
	color: #444;
	font-family: Arial, Helvetica, Tahoma, sans-serif;
	font-size: 13px;
	font-weight: normal;
	line-height: 20px;
	margin: 0;
	padding: 0;
	text-decoration: none;
}

input,
select,
textarea,
.sticky,
.taxonomy-description {
	background-color: #f5f5f5;
	border: 1px solid #ddd;
}

ol,
ol li,
ul,
ul li {
	list-style-type: none;
	margin: 0;
	padding: 0;
}

ol li {
	list-style-type: decimal;
}*/

ul li {
    /*	list-style-type: square; */
}


/* Hyperlinks
------------------------------------------------------------ */


/*a,
a:visited {
	color: #509ac9;
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}

a img {
	border: none;
}*/


/* Body
------------------------------------------------------------ */


/*body {
	background-color: #b6e2f4;
}*/


/* Wrap
------------------------------------------------------------ */

#wrap {
    background-color: #fff;
    margin: 15px auto;
    overflow: hidden;
    padding: 0 0 20px;
    width: 960px;
    -moz-box-shadow: 0 1px 2px #999;
    -webkit-box-shadow: 0 1px 2px #999;
}


/* Header
------------------------------------------------------------ */


/*#header {
	background: url(images/header.png) no-repeat top left;
	height: 100px;
	margin: 0 auto;
	width: 920px;
}*/

.page-template-landing-php #header {
    margin: 20px auto 0;
}

#title-area {
    float: left;
    overflow: hidden;
    padding: 35px 0 0 30px;
    width: 400px;
}

.header-full-width #title-area {
    padding: 35px 0 0;
}

#title {
    font-family: Georgia, Times, 'Times New Roman', serif;
    font-size: 48px;
    font-variant: small-caps;
    line-height: 48px;
    text-shadow: #666 1px 1px;
}

.header-full-width #title {
    text-align: center;
}

#title a,
#title a:hover {
    color: #fff;
    text-align: center;
    text-decoration: none;
}

#description {
    color: #fff;
    font-family: Georgia, Times, 'Times New Roman', serif;
    font-size: 20px;
    font-style: italic;
    text-shadow: #666 1px 1px;
}

.header-full-width #description {
    text-align: center;
}

#header .widget-area {
    float: right;
    width: 300px;
    margin-top: 78px;
    text-align: right;
}


/* Image Header - Partial Width
------------------------------------------------------------ */

.header-image #title-area,
.header-image #title,
.header-image #title a {
    display: block;
    float: left;
    height: 100px;
    overflow: hidden;
    padding: 0;
    text-indent: -9999px;
    width: 600px;
}

.header-image #description {
    display: block;
    overflow: hidden;
}


/* Image Header - Full Width
------------------------------------------------------------ */

.header-full-width #title-area,
.header-full-width #title,
.header-full-width #title a {
    width: 920px;
}


/* Navigation Constants
------------------------------------------------------------ */


/*li:hover ul ul,
li.sfHover ul ul {
	left: -9999px;
}

li:hover,
li.sfHover {
	position: static;
}*/


/* Header Right Navigation
------------------------------------------------------------ */


/* #header ul.nav,
#header ul.menu {
	float: right;
}

#header ul.nav ul,
#header ul.menu ul {
	float: right;
	margin: 0;
	padding: 0;
	width: 100%;
}

#header ul.nav li,
#header ul.menu li {
	background-color: #333;
	float: left;
	list-style-type: none;
	text-transform: uppercase;
}

#header ul.nav li a,
#header ul.menu li a {
	color: #fff;
	display: block;
	font-size: 12px;
	padding: 7px 10px 5px;
	position: relative;
	text-decoration: none;
}

#header ul.nav li a:hover,
#header ul.nav li a:active,
#header ul.nav .current_page_item a,
#header ul.nav .current-cat a,
#header ul.nav .current-menu-item a,
#header ul.menu li a:hover,
#header ul.menu li a:active,
#header ul.menu .current_page_item a,
#header ul.menu .current-cat a,
#header ul.menu .current-menu-item a {
	background-color: #000;
	color: #fff;
}

#header ul.nav li a.sf-with-ul,
#header ul.menu li a.sf-with-ul {
	padding-right: 25px;
}

#header ul.nav li a .sf-sub-indicator,
#header ul.menu li a .sf-sub-indicator {
	background: url(images/arrow-down.png) no-repeat;
	display: block;
	height: 10px;
	overflow: hidden;
	position: absolute;
	right: 10px;
	text-indent: -9999px;
	top: 12px;
	width: 10px;
}

#header ul.nav li li a,
#header ul.nav li li a:link,
#header ul.nav li li a:visited,
#header ul.menu li li a,
#header ul.menu li li a:link,
#header ul.menu li li a:visited {
	background-color: #333;
	border: 1px solid #666;
	border-top-width: 0;
	color: #fff;
	font-size: 11px;
	padding: 5px 10px;
	position: relative;
	width: 158px;
}

#header ul.nav li li a:hover,
#header ul.nav li li a:active,
#header ul.menu li li a:hover,
#header ul.menu li li a:active {
	background-color: #000;
}

#header ul.nav li li a .sf-sub-indicator,
#header ul.menu li li a .sf-sub-indicator {
	background: url(images/arrow-right.png) no-repeat;
	top: 10px;
}

#header ul.nav li ul,
#header ul.menu li ul {
	height: auto;
	left: -9999px;
	position: absolute;
	width: 180px;
	z-index: 9999;
}

#header ul.nav li ul a,
#header ul.menu li ul a {
	width: 160px;
}

#header ul.nav li ul ul,
#header ul.menu li ul ul {
	margin: -31px 0 0 179px;
}

#header ul.nav li:hover>ul,
#header ul.nav li.sfHover ul,
#header ul.menu li:hover>ul,
#header ul.menu li.sfHover ul {
	left: auto;
} */


/***** Primary Navigation ********************/


/* Top Nav */

#navbarContainer {
    margin: 10px auto -10px auto;
    padding: 0px;
    width: 960px;
    height: 32px;
    background-color: #cc3333;
    border-bottom: 1px #000 solid;
    border-bottom: 0px;
    position: relative;
    z-index: 100;
    vertical-align: bottom;
}

#ljnav,
#ljnav ul {
    padding: 0;
    margin: 0;
    list-style-type: none;
    font-weight: bold;
}

#ljnav {
    padding: 2px 0px 0px 0px;
}

#ljnav li {
    float: left;
    width: 150px;
    /* might need to adjust this if some sunmenus are too wide */
    padding: 3px 0px;
    font: bold 11px Arial, Helvetica, Geneva, sans-serif;
    line-height: 20px;
    letter-spacing: .05em;
    text-align: left;
    position: relative;
    background-color: #CC3333;
    border-right: solid 1px #000000;
}

#ljnav a {
    display: block;
    width: 100%;
    text-decoration: none;
    color: #FFF;
    text-align: center;
    cursor: pointer;
}

#ljnav li#btn9 {
    border-right: none;
}

li#btn1 {
    width: 59px;
    z-index: 100
}

li#btn2 {
    width: 74px;
    z-index: 100
}

li#btn3 {
    width: 56px;
    z-index: 100
}

li#btn4 {
    width: 78px;
    z-index: 100
}

li#btn5 {
    width: 68px;
    z-index: 100
}

li#btn6 {
    width: 85px;
    z-index: 100
}

li#btn7 {
    width: 82px;
    z-index: 100
}

li#btn8 {
    width: 98px;
    z-index: 100
}

li#btn9 {
    width: 101px;
    z-index: 100
}

#ljnav li ul {
    position: absolute;
    width: 150px;
    width: 150px;
    left: -999em;
    font-weight: normal;
    z-index: 10;
    top: 28px;
}

li#btn2 ul {
    width: 116px;
    z-index: 100;
}

li#btn3 ul {
    width: 106px;
    z-index: 100;
}

li#btn4 ul {
    width: 156px;
    z-index: 100;
}

li#btn5 ul {
    width: 116px;
    z-index: 100;
}

li#btn6 ul {
    width: 166px;
    z-index: 100;
}

li#btn7 ul {
    width: 131px;
    z-index: 100;
}

li#btn8 ul {
    width: 106px;
    z-index: 100;
}

li#btn9 ul {
    width: 106px;
    z-index: 100;
}

#ljnav li:hover ul,
#ljnav li.sfhover ul {
    left: auto;
}

#ljnav li#btn2:hover ul,
#ljnav li#btn2.sfhover ul {
    left: -10px;
}

#ljnav li#btn3:hover ul,
#ljnav li#btn3.sfhover ul {
    left: -8px;
}

#ljnav li#btn4:hover ul,
#ljnav li#btn4.sfhover ul {
    left: -1px;
}

#ljnav li#btn5:hover ul,
#ljnav li#btn5.sfhover ul {
    left: -23px;
}

#ljnav li#btn6:hover ul,
#ljnav li#btn6.sfhover ul {
    left: -1px;
}

#ljnav li#btn7:hover ul,
#ljnav li#btn7.sfhover ul {
    left: -13px;
}

#ljnav li#btn8:hover ul,
#ljnav li#btn8.sfhover ul {
    left: -21px;
}

#ljnav li#btn9:hover ul,
#ljnav li#btn9.sfhover ul {
    left: -1px;
}


/* Fix IE. Hide from IE Mac \*/

* html ul#ljnav li {
    float: left;
    height: 1%;
}

* html ul#ljnav li a {
    height: 1%;
}


/* End */

#ljnav li li {
    width: 100%;
    background-color: #990000;
    border: 1px solid #CC3333;
    padding: 1px;
    text-align: center;
}

#ljnav li ul a {
    padding: 2px 0px 2px 0px;
    border-right: none;
}

#ljnav li:hover ul ul,
#ljnav li:hover ul ul ul,
#ljnav li.sfhover ul ul,
#ljnav li.sfhover ul ul ul {
    left: -999em;
}

#ljnav li:hover ul,
#ljnav li li:hover ul,
#ljnav li li li:hover ul,
#ljnav li.sfhover ul,
#ljnav li li.sfhover ul,
#ljnav li li li.sfhover ul {
    left: auto;
}

#ljnav li:hover,
#ljnav li.sfhover {
    color: #d12f25;
}

#ljnav li a:hover,
#ljnav li a.sfhover {
    color: #000;
}

#ljheader {
    margin: 0px;
    clear: both;
    padding: 0px;
    width: 960px;
    height: 90px;
    color: #ffffff;
    text-align: left;
    position: relative;
}

#ljheader #mainLogo,
a.LJLogo {
    margin: 0px;
    padding: 0px;
    top: 0px;
    left: 0px;
    cursor: pointer;
    width: 220x;
    height: 93px;
    text-decoration: none;
}


/***** Top Navigation ********************/

#topnav ul {
    float: right;
    list-style-type: none;
    margin: 0 5px 0 0;
    padding: 0;
}

#topnav li {
    float: left;
    list-style-type: none;
    margin: 0;
    padding: 0;
}

#topnav li a {
    color: #333333;
    display: block;
    margin: 0;
    padding: 2px 10px 2px 10px;
    text-decoration: none;
    position: relative;
}

#topnav li a:hover,
#topnav li a:active,
#topnav .current_page_item a,
#topnav .current-cat a,
#topnav .current-menu-item {
    color: #006699;
}

#topnav li a.sf-with-ul {
    padding-right: 10px;
}

#topnav li a .sf-sub-indicator {
    display: block;
    width: 0;
    height: 0;
    text-indent: -9999px;
    overflow: hidden;
    position: absolute;
    top: 0;
    right: 0;
}

#topnav li li a,
#topnav li li a:link,
#topnav li li a:visited {
    background: #FFFFFF;
    color: #333333;
    width: 138px;
    margin: 0;
    padding: 5px 10px 5px 10px;
    text-transform: none;
    border-left: 1px solid #CCCCCC;
    border-right: 1px solid #CCCCCC;
    border-bottom: 1px solid #CCCCCC;
    position: relative;
}

#topnav li li a:hover,
#topnav li li a:active {
    background: #F2F2F2;
    color: #006699;
}

#topnav li li a .sf-sub-indicator {
    top: 10px;
}

#topnav li ul {
    z-index: 9999;
    position: absolute;
    left: -999em;
    height: auto;
    width: 160px;
    margin: 0;
    padding: 0;
}

#topnav li ul a {
    width: 140px;
}

#topnav li ul ul {
    margin: -31px 0 0 159px;
}

#topnav li:hover ul ul,
#topnav li:hover ul ul ul,
#topnav li.sfHover ul ul,
#topnav li.sfHover ul ul ul {
    left: -999em;
}

#topnav li:hover ul,
#topnav li li:hover ul,
#topnav li li li:hover ul,
#topnav li.sfHover ul,
#topnav li li.sfHover ul,
#topnav li li li.sfHover ul {
    left: auto;
}

#topnav li:hover,
#topnav li.sfHover {
    position: static;
}


/* Primary Navigation
------------------------------------------------------------ */

#nav {
    clear: both;
    color: #EFECE0;
    font-family: 'Oswald', arial, serif;
    font-size: 14px;
    word-spacing: 0.20em;
    margin: 0 auto;
    overflow: hidden;
    width: 960px;
}

#nav ul {
    float: left;
    width: 100%;
}

#nav li {
    float: left;
    list-style-type: none;
}

#nav li a {
    display: block;
    padding: 10px 10px 8px;
    position: relative;
    text-decoration: none;
}

#nav li a:hover,
#nav li a:active,
#nav .current_page_item a,
#nav .current-cat a,
#nav .current-menu-item a {
    color: #444;
}

#nav li a .sf-sub-indicator {
    display: block;
    overflow: hidden;
    position: absolute;
    text-indent: -9999px;
}

#nav li li a,
#nav li li a:link,
#nav li li a:visited {
    background-color: #fff;
    border: 1px solid #ddd;
    border-top-width: 0;
    color: #444;
    font-size: 12px;
    padding: 5px 10px;
    position: relative;
    width: 160px;
}

#nav li li a:hover,
#nav li li a:active {
    color: #509ac9;
}

#nav li ul {
    height: auto;
    left: -9999px;
    position: absolute;
    width: 150px;
    z-index: 9999;
}

#nav li ul a {
    width: 130px;
}

#nav li ul ul {
    margin: -31px 0 0 149px;
}

#nav li:hover>ul,
#nav li.sfHover ul {
    left: auto;
}


/* Primary Navigation Extras
------------------------------------------------------------ */

#nav li.right {
    float: right;
    padding: 10px 10px 8px;
}

#nav li.right a {
    background: none;
    border: none;
    display: inline;
    text-decoration: none;
}

#nav li.right a:hover {
    color: #444;
    text-decoration: none;
}

#nav li.search {
    padding: 0 10px;
}

#nav li.rss a {
    background: url(images/rss.png) no-repeat center left;
    margin: 0 0 0 10px;
    padding: 0 0 0 16px;
}

#nav li.twitter a {
    background: url(images/twitter-nav.png) no-repeat center left;
    padding: 0 0 0 20px;
}


/* Secondary Navigation
------------------------------------------------------------ */

#subnav {
    background-color: #EFECE0;
    border-bottom: 1px solid #ddd;
    clear: both;
    color: #fff;
    font-family: 'Oswald', arial, serif;
    font-size: 14px;
    word-spacing: 0.20em;
    text-transform: uppercase;
    margin: 90px auto 3px auto;
    overflow: hidden;
    width: 960px;
}

#subnav ul {
    float: left;
    width: 100%;
}

#subnav li {
    float: left;
    list-style-type: none;
}

#subnav li a {
    border-right: 1px solid #ddd;
    border-left: 1px solid #fff;
    display: block;
    padding: 9px 16px 8px 15px;
    position: relative;
    text-decoration: none;
}

#subnav li a:hover,
#subnav li a:active,
#subnav .current_page_item a,
#subnav .current-cat a,
#subnav .current-menu-item a {
    background-color: #fff;
    color: #444;
}

#subnav li a .sf-sub-indicator {
    display: block;
    overflow: hidden;
    position: absolute;
    text-indent: -9999px;
}

#subnav li li a,
#subnav li li a:link,
#subnav li li a:visited {
    background-color: #fff;
    border: 1px solid #ddd;
    border-top-width: 0;
    color: #444;
    font-size: 12px;
    padding: 5px 10px;
    position: relative;
    text-transform: none;
    width: 128px;
}

#subnav li li a:hover,
#subnav li li a:active {
    color: #509ac9;
}

#subnav li ul {
    height: auto;
    left: -9999px;
    margin: 0 0 0 -1px;
    position: absolute;
    width: 150px;
    z-index: 9999;
}

#subnav li ul a {
    width: 130px;
}

#subnav li ul ul {
    margin: -31px 0 0 149px;
}

#subnav li:hover>ul,
#subnav li.sfHover ul {
    left: auto;
}


/* Inner
------------------------------------------------------------ */

#inner {
    margin: 0 auto;
    overflow: hidden;
    padding: 15px 0 0;
    width: 920px;
}


/* Breadcrumb
------------------------------------------------------------ */

.breadcrumb {
    background: url(images/line.png) bottom repeat-x;
    color: #444;
    font-family: arial, serif;
    font-size: 12px;
    margin: 0 auto;
    padding: 10px 0 15px;
    width: 920px;
}

.breadcrumb a,
.breadcrumb a:visited {
    text-decoration: none;
}

.breadcrumb a:hover {
    text-decoration: underline;
}


/* Taxonomy Description
------------------------------------------------------------ */

.taxonomy-description {
    margin: 0 0 30px;
    padding: 10px;
}


/* Content-Sidebar Wrap
------------------------------------------------------------ */

#content-sidebar-wrap {
    float: left;
    width: 750px;
}

.content-sidebar #content-sidebar-wrap,
.sidebar-content #content-sidebar-wrap {
    width: 920px;
}

.sidebar-content-sidebar #content-sidebar-wrap,
.sidebar-sidebar-content #content-sidebar-wrap {
    float: right;
}

.full-width-content #content-sidebar-wrap {
    width: 920px;
}


/* Content
------------------------------------------------------------ */

#content {
    float: left;
    width: 450px;
}

.content-sidebar #content,
.sidebar-content #content {
    padding: 5px 10px 0;
    width: 550px;
}

.content-sidebar-sidebar #content {
    padding: 0 10px;
    width: 430px;
}

.sidebar-sidebar-content #content {
    padding: 0 10px 0 0;
    width: 440px;
}

.sidebar-content #content,
.sidebar-sidebar-content #content {
    float: right;
}

.full-width-content #content {
    width: 920px;
}

.page-template-landing-php #content {
    padding: 20px 100px 0;
    width: 720px;
}

blockquote {
    background-color: #f5f5f5;
    clear: both;
    margin: 5px 15px 20px;
    padding: 15px 20px 0;
}

blockquote p {
    color: #777;
    font-family: Georgia, Times, 'Times New Roman', serif;
    font-size: 14px;
    font-style: italic;
}

.post {
    background: url(images/line.png) bottom repeat-x;
    margin: 0 0 25px;
    overflow: visible;
    padding: 0 0 25px;
}

.single .post {
    background: none;
    margin: 0 0 20px;
    padding: 0;
}

.format-aside,
.format-audio,
.format-link,
.format-quote,
.format-status,
.format-video {
    margin: 0 0 20px;
    padding: 0 0 10px;
}

.entry-content a,
.entry-content a:visited {
    text-decoration: underline;
}

.entry-content a:hover {
    text-decoration: none;
}

.entry-content p,
.home #content p,
.page .entry-content p {
    padding: 0 0 15px;
}

.clear {
    clear: both;
}

.clear-line {
    border-bottom: 1px solid #ddd;
    clear: both;
    margin: 0 0 15px;
}

pre {
    border: 1px solid black;
    border-left: none;
    border-right: none;
    background-color: unset;
    border-radius: unset;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    color: #7f8c8d !important;
    font-weight: bold;
    margin: 25px 0;
    padding: 15px 10px;
    white-space: pre-wrap;
    ;
    line-height: 2;
    text-align: center;
}

pre>a {
    color: #7f8c8d !important;
    font-style: italic;
}

pre>em>a {
    color: #7f8c8d !important;
}


/* Column Classes
------------------------------------------------------------ */

.five-sixths,
.four-fifths,
.four-sixths,
.one-fifth,
.one-fourth,
.one-half,
.one-sixth,
.one-third,
.three-fifths,
.three-fourths,
.three-sixths,
.two-fifths,
.two-fourths,
.two-sixths,
.two-thirds {
    float: left;
    margin: 0 0 20px;
    padding-left: 3%;
}

.one-half,
.three-sixths,
.two-fourths {
    width: 48%;
}

.one-third,
.two-sixths {
    width: 31%;
}

.four-sixths,
.two-thirds {
    width: 65%;
}

.one-fourth {
    width: 22.5%;
}

.three-fourths {
    width: 73.5%;
}

.one-fifth {
    width: 17.4%;
}

.two-fifths {
    width: 37.8%;
}

.three-fifths {
    width: 58.2%;
}

.four-fifths {
    width: 78.6%;
}

.one-sixth {
    width: 14%;
}

.five-sixths {
    width: 82%;
}

.first {
    clear: both;
    padding-left: 0;
}


/* Headlines
------------------------------------------------------------ */


/*h1,
h2,
h3,
h4,
h5,
h6 {
	color: #444;
	font-family: 'Oswald', arial, serif;
	font-size: 18px;
	word-spacing: 0.20em;
	margin: 0 0 5px;
}

h1,
h2,
h2 a,
h2 a:visited {
	color: #509ac9;
	font-family: 'Oswald', arial, serif;
	font-size: 24px;
	word-spacing: 0.20em;
	line-height: 30px;
}

h2 a:hover {
	color: #444;
	text-decoration: none;
}*/

.home h2 a,
.home h2 a:visited {
    font-size: 16px;
    line-height: 22px;
}

.page-template-page-portfolio-php h2 a,
.page-template-page-portfolio-php h2 a:visited {
    font-size: 16px;
    line-height: 20px;
}


/*h3 {
	font-size: 20px;
}

h4,
h4 a,
h4 a:hover,
h4 a:visited {
	color: #444;
	font-size: 16px;
	text-decoration: none;
}*/

#footer-widgets h4 {
    color: #fff;
}


/*h5 {
	font-size: 16px;
}

h6 {

	font-size: 14px;
}*/


/* Unordered / Ordered Lists
------------------------------------------------------------ */

.entry-content ol,
.entry-content ul {
    margin: 0;
    padding: 0 0 15px;
}

.entry-content ol {
    margin: 0;
}

.archive-page ul li,
.entry-content ul li {
    list-style-type: square;
    margin: 0 0 0 30px;
    padding: 0;
}

.entry-content ol li {
    margin: 0 0 0 35px;
}

.archive-page ul ul,
.entry-content ul ul,
.entry-content ol ol {
    padding: 0;
}


/* Post Info
------------------------------------------------------------ */

.post-info {
    font-size: 11px;
    margin: 5px 0 0 0;
    padding: 5px 0 10px 0 !important;
    text-transform: uppercase;
    line-height: 1.5em;
}


/* Post Meta
------------------------------------------------------------ */

.post-meta {
    background-color: #f5f5f5;
    clear: both;
    font-size: 11px;
    padding: 7px 10px 5px;
    text-transform: uppercase;
}


/* Author Box
------------------------------------------------------------ */

.author-box {
    background: url(images/line.png) top repeat-x;
    margin: 0 0 40px;
    padding: 20px 0 0;
    overflow: hidden;
}


/* Archive Page
------------------------------------------------------------ */

.archive-page {
    float: left;
    padding: 20px 0;
    width: 50%;
}


/* Post Icons
------------------------------------------------------------ */

.categories {
    background: url(images/icon-categories.png) no-repeat top left;
    padding: 2px 0 2px 22px;
}

.post-comments {
    background: url(images/icon-comments.png) no-repeat top left;
    margin: 0 0 0 10px;
    padding: 2px 0 2px 22px;
}

.tags {
    background: url(images/icon-tags.png) no-repeat top left;
    margin: 0 0 0 10px;
    padding: 2px 0 2px 20px;
}

.time {
    background: url(images/icon-time.png) no-repeat top left;
    padding: 2px 0 2px 21px;
}


/* Images
------------------------------------------------------------ */


/*img {
	max-width: 98%;
}*/

.post-format-image {
    background: none;
    display: block;
    float: left;
    margin: 0 10px 10px 0;
}

.page .post-format-image {
    display: none;
}

img.alignleft,
img.aligncenter img.alignright,
.alignleft img,
.aligncenter img,
.alignright img,
.featuredpage img,
.featuredpost img {
    /*border: 1px solid #ddd;*/
    max-width: none;
    margin: 0 0 10px;
    padding: 4px;
}

.page-template-page-portfolio-php .featuredpost a img:hover {
    border: 1px solid #999;
}

.avatar,
.post-image {
    background-color: #f5f5f5;
    border: 1px solid #ddd;
    padding: 4px;
}

.author-box .avatar {
    float: left;
    margin: 0 10px 0 0;
}

.post-image {
    margin: 0 10px 10px 0;
}

.comment-list li .avatar {
    background-color: #fff;
    float: left;
    height: 30px;
    margin: 0 5px 0 0;
    padding: 4px;
    width: 30px;
}

img.centered,
.aligncenter {
    display: block;
    margin: 0 auto 10px;
    max-width: -webkit-fill-available;
}

img.alignnone {
    display: inline;
    margin: 0 0 10px;
}

img.alignleft {
    display: inline;
    margin: 5px 10px 5px 0;
}

img.alignright {
    display: inline;
    margin: 5px 0 5px 10px;
}

.alignleft {
    float: left;
    margin: 5px 10px 5px 0;
}

.alignright {
    float: right;
    margin: 5px 0 5px 10px;
}

img[align="left"],
img[style*="float: left"],
img[style*="float:left"] {
    margin: 5px 10px 5px 0;
}

img[align="right"],
img[style*="float: right"],
img[style*="float:right"] {
    margin: 5px 0 5px 10px;
}

.wp-caption {
    text-align: center;
}

p.wp-caption-text {
    font-size: 11px;
    line-height: 12px;
}

.wp-smiley,
.wp-wink {
    border: none;
    float: none;
}


/* Table update */

#infotable_full table {
    width: 100%;
    table-layout: fixed;
}

#infotable_full table img {
    width: 100%;
}

#infotable_full td {
    padding: 15px;
}


/* Images with Caption */

#halfImageright_cap,
#halfImageleft_cap,
#fullImage_cap {
    margin-top: 5px;
    margin-bottom: 5px;
    font-size: 14px;
    text-align: center;
    line-height: normal !important;
}

#halfImageright_cap {
    float: right;
    margin-left: 15px;
}

#halfImageleft_cap {
    float: left;
    margin-right: 15px;
}

#halfImageleft_cap img {
    /* forces any image in the table to the width of the table */
    width: 100%;
}

#halfImageright_cap img {
    /* forces any image in the table to the width of the table */
    width: 100%;
}

#halfImageleft_cap[align="left"],
#halfImageleft_cap[style*="float: left"],
#halfImageleft_cap[style*="float:left"] {
    margin-right: 15px;
}

#halfImageright_cap[align="right"],
#halfImageright_cap[style*="float: right"],
#halfImageright_cap[style*="float:right"] {
    margin-right: 15px;
}

#fullImage_cap {
    width: 100%;
}

#fullImage_cap img {
    /* forces any image in the table to the width of the table */
    width: 100%;
}

#fullImage_cap p {
    padding-left: 10px;
    padding-right: 10px;
    /* color: white !important; */
    font-size: 14px;
    line-height: normal !important;
}

@media all and (min-width:400px) and (max-width:600px) {
    #halfImageleft_cap {
        width: 50% !important;
    }

    #halfImageright_cap {
        width: 50% !important;
    }

    #fullImage_cap {
        width: 100% !important;
    }
}


/* New */

.story-para img {
    max-width: 100% !important;
}

.story-para ul,
.story-para ol {
    padding-left: 20px;
}

#imageRight_cap,
#imageLeft_cap,
#imageFull_cap {
    margin: 5px 0 10px 0;
    font-size: 14px;
    text-align: center;
    border: unset;
    width: auto;
}

#imageFull_cap {
    width: 100%;
    max-width: 100% !important;
}

#imageFull_cap td,
#imageRight_cap td,
#imageLeft_cap td {
    border: 0 !important;
    line-height: normal !important;
    padding: 5px 0 0 0;
}

#imageFull_cap p,
#imageRight_cap p,
#imageLeft_cap p {
    border: 0 !important;
    padding: 0 10px;
    margin: 0;
    line-height: normal !important;
}

#imageFull_cap h5,
#imageRight_cap h5,
#imageLeft_cap h5,
#imageFull_cap h6,
#imageRight_cap h6,
#imageLeft_cap h6 {
    margin: 0 10px !important;
    line-height: normal !important;
}

#imageRight_cap {
    float: right;
    margin-left: 15px;
    max-width: 50%;
}

#imageLeft_cap {
    float: left;
    margin-right: 15px;
    max-width: 50%;
}

#imageLeft_cap[align="left"],
#imageLeft_cap[style*="float: left"],
#imageLeft_cap[style*="float:left"] {
    margin-right: 15px;
}

#imageRight_cap[align="right"],
#imageRight_cap[style*="float: right"],
#imageRight_cap[style*="float:right"] {
    margin-right: 15px;
}

#imageFull_cap img {
    /* forces any image in the table to the width of the table */
    width: 100%;
}

#imageFull_cap[align="left"],
#imageFull_cap[style*="float: left"],
#imageFull_cap[style*="float:left"] {
    margin-right: 15px;
}

#imageFull_cap[align="right"],
#imageFull_cap[style*="float: right"],
#imageFull_cap[style*="float:right"] {
    margin-right: 15px;
}

table[align="left"],
table[style*="float: left"],
table[style*="float:left"] {
    margin-right: 15px;
}

table[align="right"],
table[style*="float: right"],
table[style*="float:right"] {
    margin-left: 15px;
}

.sub_captcha_card {
    padding-top: 20px;
    margin: 0;
    display: block !important;
    padding-left: 25px;
}

.sub_captcha_pur {
    padding-top: 7px;
    margin: 0;
    display: block !important;
    padding-left: 0px;
}

@media all and (max-width:600px) {

    #imageLeft_cap,
    #imageRight_cap,
    #imageFull_cap {
        width: 100% !important;
        margin-right: 0px;
        margin-left: 0px;
    }
}


/* Image Caption complete */


/* Sidebar */

#sidebar_full,
#sidebar_left,
#sidebar_right,
#sidebarLink_right {
    table-layout: fixed;
    background-color: #e0f2f7;
    font-size: 16px;
    margin-top: 10px;
    margin-bottom: 10px;
}

#sidebarLink_right {
    width: 250px;
    text-align: center;
    float: right;
    margin: 15px 0 15px 15px;
}

#sidebar_full td,
#sidebar_left td,
#sidebar_right td,
#sidebarLink_right td,
table td {
    padding: 10px 20px;
}

#sidebar_full hr,
#sidebar_left hr,
#sidebar_right hr,
#sidebarLink_right hr {
    border-top: 1px solid #000000;
}

#sidebar_full ol,
#sidebar_left ol,
#sidebar_right ol,
#sidebar_full ul,
#sidebar_left ul,
#sidebar_right ul {
    padding-left: 20px;
}

#sidebar_left {
    width: 45%;
    float: left;
    margin-right: 15px;
}

#sidebar_right {
    width: 45%;
    float: right;
    margin-left: 15px;
}

#sidebarLink_right p {
    margin: 0 0 5px;
}

#sidebar_full {
    width: 100%;
}

#sidebar_full img {
    max-width: 100%;
}

@media all and (max-width:600px) {

    #sidebar_right,
    #sidebar_left {
        width: 100%;
        margin-right: 0px;
        margin-left: 0px;
        float: unset;
    }
}


/* Sidebar complete */


/* Post Navigation
------------------------------------------------------------ */

.navigation {
    overflow: hidden;
    padding: 20px 0;
    width: 100%;
}

.navigation li {
    display: inline;
}

.navigation li a,
.navigation li.disabled,
.navigation li a:hover,
.navigation li.active a {
    border: 1px solid #ddd;
    padding: 5px 8px;
}

.navigation li a:hover,
.navigation li.active a {
    background-color: #f5f5f5;
}


/* Primary / Secondary Sidebars
------------------------------------------------------------ */

.sidebar {
    background: #efece0;
    display: inline;
    float: right;
    margin: 0 0 20px;
    padding: 15px 15px 5px;
    width: 300px;
}

#sidebar-alt {
    background: #f5f5f5;
    float: left;
    padding: 15px 15px 5px;
    width: 120px;
    display: none !important;
    /* Apr 2017 adjustment */
}

.sidebar-bottom-left {
    display: inline;
    float: left;
    width: 110px;
}

.sidebar-bottom-right {
    display: inline;
    float: right;
    width: 125px;
}

.sidebar-content #sidebar,
.sidebar-sidebar-content #sidebar {
    float: left;
}

.content-sidebar-sidebar #sidebar-alt {
    float: right;
}

.sidebar .widget {
    background: url(images/line-sidebar.png) bottom repeat-x;
    margin: 0 0 15px;
    padding: 0 0 20px;
}

.widget-area ol,
.widget-area ul {
    margin: 5px 0 -5px 20px;
}

.widget-area ol ol,
.widget-area ul ul {
    margin: 0 0 0 15px;
}

.widget-area ul li {
    list-style-type: square;
    word-wrap: break-word;
}

.widget-area ol li {
    list-style-type: decimal;
}


/* Dropdowns
------------------------------------------------------------ */

#cat,
.widget_archive select {
    background-color: #fff;
    color: #509ac9;
    display: inline;
    font-family: 'Oswald', arial, serif;
    font-size: 12px;
    word-spacing: 0.20em;
    margin: 2px 0 0;
    padding: 3px;
    width: 100%;
}


/* Featured Page / Post
------------------------------------------------------------ */

.featuredpage,
.featuredpost {
    clear: both;
    margin: 0 0 5px;
    overflow: hidden;
}

.featuredpage .page,
.featuredpost .post {
    margin: 0 0 10px;
    overflow: hidden;
    padding: 5px 0;
}

.page-template-page-portfolio-php .featuredpage .page,
.page-template-page-portfolio-php .featuredpost .post {
    float: left;
    margin: 0 9px 10px;
    padding: 5px 0 15px;
    overflow: hidden;
    width: 212px;
}

#homepage-left {
    clear: none;
    float: left;
    width: 48%;
}

#homepage-right {
    clear: none;
    float: right;
    width: 48%;
}


/* User Profile
------------------------------------------------------------ */

.user-profile {
    overflow: hidden;
}


/* Social Profiles
------------------------------------------------------------ */

.social-profiles img {
    margin-right: 25px;
}


/* Buttons
------------------------------------------------------------ */

div.gform_footer input.button,
.enews #subbutton,
.reply a,
.reply a:visited,
.searchsubmit,
#submit {
    background-color: #6ec6ea;
    border: 1px solid #6ec6ea;
    color: #fff !important;
    cursor: pointer;
    font-family: 'Oswald', arial, serif;
    font-size: 12px;
    word-spacing: 0.20em;
    font-weight: normal;
    padding: 4px 7px 4px;
    text-decoration: none;
}

#nav .searchsubmit {
    padding: 2px 7px 2px;
}

.reply a,
.reply a:visited {
    padding: 0 4px;
}

div.gform_footer input.button:hover,
.enews #subbutton:hover,
.reply a:hover,
.searchsubmit:hover,
#submit:hover {
    background-color: #509ac9;
    border: 1px solid #509ac9;
    color: #fff;
    text-decoration: none;
}


/* Search Form
------------------------------------------------------------ */

#header .searchform {
    float: right;
    padding: 40px 0 0;
}

#nav .searchform {
    float: right;
    margin: 1px 0 0;
}

.s {
    background-color: #fff;
    color: #509ac9;
    font-family: 'Oswald', arial, serif;
    font-size: 12px;
    word-spacing: 0.20em;
    margin: 5px 2px 0 0;
    padding: 4px 0 5px 5px;
    width: 175px;
}

#nav .s {
    padding: 2px 0 2px 5px;
}


/* eNews and Update Widget
------------------------------------------------------------ */

.enews #subbox {
    background-color: #fff;
    color: #509ac9;
    font-family: 'Oswald', arial, serif;
    font-size: 12px;
    word-spacing: 0.20em;
    margin: 5px 5px 0 0;
    padding: 4px 0 5px 7px;
    width: 195px;
}


/* Calendar Widget
------------------------------------------------------------ */

#wp-calendar {
    width: 100%;
}

#wp-calendar caption {
    font-size: 12px;
    font-style: italic;
    padding: 2px 5px 0 0;
    text-align: right;
}

#wp-calendar thead {
    background-color: #f5f5f5;
    font-weight: bold;
    margin: 10px 0 0;
}

#wp-calendar td {
    background-color: #f5f5f5;
    padding: 2px;
    text-align: center;
}


/* Footer Widgets
------------------------------------------------------------ */

#footer-widgets {
    background-color: #6ec6ea;
    border-bottom: 1px solid #fff;
    clear: both;
    color: #fff;
    font-size: 12px;
    margin: 0 auto 0;
    overflow: hidden;
    padding: 10px 0 0 0;
    width: 920px;
}

#footer-widgets .wrap {
    margin: 0 auto;
    width: 900px;
}

#footer-widgets .widget {
    background: none;
    border: none;
    padding: 0;
}

#footer-widgets p {
    color: #fff;
    padding: 0 0 10px;
}

#footer-widgets a,
#footer-widgets a:visited {
    color: #fff;
    text-decoration: none;
}

#footer-widgets a:hover {
    text-decoration: underline;
}

#footer-widgets ul {
    color: #fff;
    list-style-type: none;
    margin: 0 0 10px;
}

#footer-widgets ul li {
    list-style-type: square;
    margin: 0 0 0 15px;
}

#footer-widgets #wp-calendar thead,
#footer-widgets #wp-calendar td {
    background: none;
}

.footer-widgets-1 {
    float: left;
    padding: 0 20px 0 0;
    width: 290px;
}

.footer-widgets-2 {
    float: left;
    width: 280px;
}

.footer-widgets-3 {
    float: right;
    width: 290px;
}


/* Footer
------------------------------------------------------------ */


/*#footer {
	background-color: #6ec6ea;
	clear: both;
	font-family: 'Oswald', arial, serif;
	font-size: 12px;
	word-spacing: 0.20em;
	overflow: hidden;
	margin: 0 auto;
	padding: 5px 0;
	width: 920px;
}

#footer p {
	color: #fff;
	font-family: 'Oswald', arial, serif;
	font-size: 12px;
	word-spacing: 0.20em;
}

#footer a,
#footer a:visited {
	color: #fff;
	text-decoration: none;
}

#footer a:hover {
	text-decoration: underline;
}

#footer .gototop {
	float: left;
	padding: 0 0 0 10px;
	width: 200px;
}

#footer .creds {
	float: right;
	padding: 0 10px 0 0;
	text-align: right;
	width: 695px;
}*/


/* Comments
------------------------------------------------------------ */

#comments,
#respond {
    margin: 0 0 30px;
    overflow: hidden;
}

#author,
#comment,
#email,
#url {
    font-size: 12px;
    margin: 10px 5px 0 0;
    padding: 5px;
    width: 250px;
}

#comment {
    height: 150px;
    margin: 10px 0;
    width: 98%;
}

.ping-list {
    margin: 0 0 40px;
}

.comment-list ol,
.ping-list ol {
    margin: 0;
    padding: 10px;
}

.comment-list li,
.ping-list li {
    font-weight: bold;
    list-style-type: none;
    margin: 10px 0 0;
    padding: 10px;
}

.comment-list li ul li {
    list-style-type: none;
}

.comment-list p,
.ping-list p {
    font-weight: normal;
    margin: 10px 5px 10px 0;
    padding: 0;
    text-transform: none;
}

.comment-list ul.children {
    margin-top: 20px;
}

.comment-list ul.children li.comment {
    background: #fff;
}

.comment-list cite,
.ping-list cite {
    font-style: normal;
    font-weight: bold;
}

.commentmetadata {
    font-weight: normal;
}

.comment-author {
    background: #e5e5e5;
    font-size: 12px;
    font-weight: bold;
    padding: 8px 10px 0;
}

.comment-meta {
    background: #e5e5e5;
    font-size: 12px;
    padding: 0 10px 8px;
}

.nocomments {
    text-align: center;
}

#comments .navigation {
    display: block;
    padding: 0;
}

.thread-alt,
.thread-even {
    background: #f5f5f5;
}

.alt,
.depth-1,
.even {
    border: 1px solid #ddd;
}


/* Gravity Forms
------------------------------------------------------------ */

div.gform_wrapper input,
div.gform_wrapper select,
div.gform_wrapper textarea {
    color: #333;
    font-family: Arial, Helvetica, Tahoma, sans-serif;
    font-size: 12px;
    padding: 4px 5px !important;
}

div.gform_footer input.button {
    color: #fff;
}

div.gform_wrapper .ginput_complex label {
    font-size: 12px;
}

div.gform_wrapper li,
div.gform_wrapper form li {
    margin: 0 0 10px;
}

div.gform_wrapper .gform_footer {
    border: none;
    margin: 0;
    padding: 0;
}


/* Lifestyle Blue
------------------------------------------------------------ */

body.lifestyle-blue {
    background-color: #444;
}

.lifestyle-blue #wrap {
    -moz-box-shadow: 0 1px 2px #000;
    -webkit-box-shadow: 0 1px 2px #000;
}

.lifestyle-blue a,
.lifestyle-blue a:visited,
.lifestyle-blue #nav,
.lifestyle-blue #nav li li a:hover,
.lifestyle-blue #nav li li a:active,
.lifestyle-blue #subnav li li a:hover,
.lifestyle-blue #subnav li li a:active,
.lifestyle-blue h1,
.lifestyle-blue h2,
.lifestyle-blue h2 a,
.lifestyle-blue h2 a:visited,
.lifestyle-blue #cat,
.lifestyle-blue .widget_archive select,
.lifestyle-blue .s,
.lifestyle-blue .enews #subbox {
    color: #000;
}

.lifestyle-blue h2 a:hover {
    color: #444;
}

.lifestyle-blue div.gform_footer input.button,
.lifestyle-blue .enews #subbutton,
.lifestyle-blue .reply a,
.lifestyle-blue .reply a:visited,
.lifestyle-blue .searchsubmit,
.lifestyle-blue #submit {
    background-color: #222;
    border: 1px solid #222;
}

.lifestyle-blue div.gform_footer input.button:hover,
.lifestyle-blue .enews #subbutton:hover,
.lifestyle-blue .reply a:hover,
.lifestyle-blue .searchsubmit:hover,
.lifestyle-blue #submit:hover {
    background-color: #000;
    border: 1px solid #000;
}

.lifestyle-blue #footer-widgets,
.lifestyle-blue #footer {
    background-color: #222;
}


/* Lifestyle Charcoal
------------------------------------------------------------ */

body.lifestyle-charcoal {
    background-color: #444;
}

.lifestyle-charcoal #wrap {
    -moz-box-shadow: 0 1px 2px #000;
    -webkit-box-shadow: 0 1px 2px #000;
}

.lifestyle-charcoal a,
.lifestyle-charcoal a:visited,
.lifestyle-charcoal #nav,
.lifestyle-charcoal #nav li li a:hover,
.lifestyle-charcoal #nav li li a:active,
.lifestyle-charcoal #subnav li li a:hover,
.lifestyle-charcoal #subnav li li a:active,
.lifestyle-charcoal h1,
.lifestyle-charcoal h2,
.lifestyle-charcoal h2 a,
.lifestyle-charcoal h2 a:visited,
.lifestyle-charcoal #cat,
.lifestyle-charcoal .widget_archive select,
.lifestyle-charcoal .s,
.lifestyle-charcoal .enews #subbox {
    color: #000;
}

.lifestyle-charcoal h2 a:hover {
    color: #444;
}

.lifestyle-charcoal div.gform_footer input.button,
.lifestyle-charcoal .enews #subbutton,
.lifestyle-charcoal .reply a,
.lifestyle-charcoal .reply a:visited,
.lifestyle-charcoal .searchsubmit,
.lifestyle-charcoal #submit {
    background-color: #222;
    border: 1px solid #222;
}

.lifestyle-charcoal div.gform_footer input.button:hover,
.lifestyle-charcoal .enews #subbutton:hover,
.lifestyle-charcoal .reply a:hover,
.lifestyle-charcoal .searchsubmit:hover,
.lifestyle-charcoal #submit:hover {
    background-color: #000;
    border: 1px solid #000;
}

.lifestyle-charcoal #footer-widgets,
.lifestyle-charcoal #footer {
    background-color: #222;
}


/* Lifestyle Gray
------------------------------------------------------------ */

body.lifestyle-gray {
    background-color: #ccc;
}

.lifestyle-gray a,
.lifestyle-gray a:visited,
.lifestyle-gray #nav,
.lifestyle-gray #nav li li a:hover,
.lifestyle-gray #nav li li a:active,
.lifestyle-gray #subnav li li a:hover,
.lifestyle-gray #subnav li li a:active,
.lifestyle-gray h1,
.lifestyle-gray h2,
.lifestyle-gray h2 a,
.lifestyle-gray h2 a:visited,
.lifestyle-gray #cat,
.lifestyle-gray .widget_archive select,
.lifestyle-gray .s,
.lifestyle-gray .enews #subbox {
    color: #666;
}

.lifestyle-gray h2 a:hover {
    color: #444;
}

.lifestyle-gray div.gform_footer input.button,
.lifestyle-gray .enews #subbutton,
.lifestyle-gray .reply a,
.lifestyle-gray .reply a:visited,
.lifestyle-gray .searchsubmit,
.lifestyle-gray #submit {
    background-color: #888;
    border: 1px solid #888;
}

.lifestyle-gray div.gform_footer input.button:hover,
.lifestyle-gray .enews #subbutton:hover,
.lifestyle-gray .reply a:hover,
.lifestyle-gray .searchsubmit:hover,
.lifestyle-gray #submit:hover {
    background-color: #666;
    border: 1px solid #666;
}

.lifestyle-gray #footer-widgets,
.lifestyle-gray #footer {
    background-color: #888;
}


/* Lifestyle Green
------------------------------------------------------------ */

body.lifestyle-green {
    background-color: #acd4aa;
}

.lifestyle-green a,
.lifestyle-green a:visited,
.lifestyle-green #nav,
.lifestyle-green #nav li li a:hover,
.lifestyle-green #nav li li a:active,
.lifestyle-green #subnav li li a:hover,
.lifestyle-green #subnav li li a:active,
.lifestyle-green h1,
.lifestyle-green h2,
.lifestyle-green h2 a,
.lifestyle-green h2 a:visited,
.lifestyle-green #cat,
.lifestyle-green .widget_archive select,
.lifestyle-green .s,
.lifestyle-green .enews #subbox {
    color: #194517;
}

.lifestyle-green h2 a:hover {
    color: #444;
}

.lifestyle-green div.gform_footer input.button,
.lifestyle-green .enews #subbutton,
.lifestyle-green .reply a,
.lifestyle-green .reply a:visited,
.lifestyle-green .searchsubmit,
.lifestyle-green #submit {
    background-color: #5a8f57;
    border: 1px solid #5a8f57;
}

.lifestyle-green div.gform_footer input.button:hover,
.lifestyle-green .enews #subbutton:hover,
.lifestyle-green .reply a:hover,
.lifestyle-green .searchsubmit:hover,
.lifestyle-green #submit:hover {
    background-color: #4d7a4a;
    border: 1px solid #4d7a4a;
}

.lifestyle-green #footer-widgets,
.lifestyle-green #footer {
    background-color: #5a8f57;
}


/* Lifestyle Pink
------------------------------------------------------------ */

body.lifestyle-pink {
    background-color: #f1ccde;
}

.lifestyle-pink a,
.lifestyle-pink a:visited,
.lifestyle-pink #nav,
.lifestyle-pink #nav li li a:hover,
.lifestyle-pink #nav li li a:active,
.lifestyle-pink #subnav li li a:hover,
.lifestyle-pink #subnav li li a:active,
.lifestyle-pink h1,
.lifestyle-pink h2,
.lifestyle-pink h2 a,
.lifestyle-pink h2 a:visited,
.lifestyle-pink #cat,
.lifestyle-pink .widget_archive select,
.lifestyle-pink .s,
.lifestyle-pink .enews #subbox {
    color: #a74272;
}

.lifestyle-pink h2 a:hover {
    color: #444;
}

.lifestyle-pink div.gform_footer input.button,
.lifestyle-pink .enews #subbutton,
.lifestyle-pink .reply a,
.lifestyle-pink .reply a:visited,
.lifestyle-pink .searchsubmit,
.lifestyle-pink #submit {
    background-color: #d680a9;
    border: 1px solid #d680a9;
}

.lifestyle-pink div.gform_footer input.button:hover,
.lifestyle-pink .enews #subbutton:hover,
.lifestyle-pink .reply a:hover,
.lifestyle-pink .searchsubmit:hover,
.lifestyle-pink #submit:hover {
    background-color: #be6d91;
    border: 1px solid #be6d91;
}

.lifestyle-pink #footer-widgets,
.lifestyle-pink #footer {
    background-color: #d680a9;
}


/* Lifestyle Purple
------------------------------------------------------------ */

body.lifestyle-purple {
    background-color: #dccae7;
}

.lifestyle-purple a,
.lifestyle-purple a:visited,
.lifestyle-purple #nav,
.lifestyle-purple #nav li li a:hover,
.lifestyle-purple #nav li li a:active,
.lifestyle-purple #subnav li li a:hover,
.lifestyle-purple #subnav li li a:active,
.lifestyle-purple h1,
.lifestyle-purple h2,
.lifestyle-purple h2 a,
.lifestyle-purple h2 a:visited,
.lifestyle-purple #cat,
.lifestyle-purple .widget_archive select,
.lifestyle-purple .s,
.lifestyle-purple .enews #subbox {
    color: #9d61c2;
}

.lifestyle-purple h2 a:hover {
    color: #444;
}

.lifestyle-purple div.gform_footer input.button,
.lifestyle-purple .enews #subbutton,
.lifestyle-purple .reply a,
.lifestyle-purple .reply a:visited,
.lifestyle-purple .searchsubmit,
.lifestyle-purple #submit {
    background-color: #c69ddf;
    border: 1px solid #c69ddf;
}

.lifestyle-purple div.gform_footer input.button:hover,
.lifestyle-purple .enews #subbutton:hover,
.lifestyle-purple .reply a:hover,
.lifestyle-purple .searchsubmit:hover,
.lifestyle-purple #submit:hover {
    background-color: #a87fc5;
    border: 1px solid #a87fc5;
}

.lifestyle-purple #footer-widgets,
.lifestyle-purple #footer {
    background-color: #c69ddf;
}


/* Lifestyle Tan
------------------------------------------------------------ */

body.lifestyle-tan {
    background-color: #bcb9ab;
}

.lifestyle-tan a,
.lifestyle-tan a:visited,
.lifestyle-tan #nav,
.lifestyle-tan #nav li li a:hover,
.lifestyle-tan #nav li li a:active,
.lifestyle-tan #subnav li li a:hover,
.lifestyle-tan #subnav li li a:active,
.lifestyle-tan h1,
.lifestyle-tan h2,
.lifestyle-tan h2 a,
.lifestyle-tan h2 a:visited,
.lifestyle-tan #cat,
.lifestyle-tan .widget_archive select,
.lifestyle-tan .s,
.lifestyle-tan .enews #subbox {
    color: #666;
}

.lifestyle-tan h2 a:hover {
    color: #45413c;
}

.lifestyle-tan div.gform_footer input.button,
.lifestyle-tan .enews #subbutton,
.lifestyle-tan .reply a,
.lifestyle-tan .reply a:visited,
.lifestyle-tan .searchsubmit,
.lifestyle-tan #submit {
    background-color: #8f867c;
    border: 1px solid #8f867c;
}

.lifestyle-tan div.gform_footer input.button:hover,
.lifestyle-tan .enews #subbutton:hover,
.lifestyle-tan .reply a:hover,
.lifestyle-tan .searchsubmit:hover,
.lifestyle-tan #submit:hover {
    background-color: #7a726a;
    border: 1px solid #7a726a;
}

.lifestyle-tan #footer-widgets,
.lifestyle-tan #footer {
    background-color: #8f867c;
}


/* Lifestyle Teal
------------------------------------------------------------ */

body.lifestyle-teal {
    background-color: #aadcdf;
}

.lifestyle-teal a,
.lifestyle-teal a:visited,
.lifestyle-teal #nav,
.lifestyle-teal #nav li li a:hover,
.lifestyle-teal #nav li li a:active,
.lifestyle-teal #subnav li li a:hover,
.lifestyle-teal #subnav li li a:active,
.lifestyle-teal h1,
.lifestyle-teal h2,
.lifestyle-teal h2 a,
.lifestyle-teal h2 a:visited,
.lifestyle-teal #cat,
.lifestyle-teal .widget_archive select,
.lifestyle-teal .s,
.lifestyle-teal .enews #subbox {
    color: #39979e;
}

.lifestyle-teal h2 a:hover {
    color: #444;
}

.lifestyle-teal div.gform_footer input.button,
.lifestyle-teal .enews #subbutton,
.lifestyle-teal .reply a,
.lifestyle-teal .reply a:visited,
.lifestyle-teal .searchsubmit,
.lifestyle-teal #submit {
    background-color: #7db4b9;
    border: 1px solid #7db4b9;
}

.lifestyle-teal div.gform_footer input.button:hover,
.lifestyle-teal .enews #subbutton:hover,
.lifestyle-teal .reply a:hover,
.lifestyle-teal .searchsubmit:hover,
.lifestyle-teal #submit:hover {
    background-color: #539ca2;
    border: 1px solid #539ca2;
}

.lifestyle-teal #footer-widgets,
.lifestyle-teal #footer {
    background-color: #7db4b9;
}


/* Lifestyle Yellow
------------------------------------------------------------ */

body.lifestyle-yellow {
    background-color: #fcfbcd;
}

.lifestyle-yellow a,
.lifestyle-yellow a:visited,
.lifestyle-yellow #nav,
.lifestyle-yellow #nav li li a:hover,
.lifestyle-yellow #nav li li a:active,
.lifestyle-yellow #subnav li li a:hover,
.lifestyle-yellow #subnav li li a:active,
.lifestyle-yellow h1,
.lifestyle-yellow h2,
.lifestyle-yellow h2 a,
.lifestyle-yellow h2 a:visited,
.lifestyle-yellow #cat,
.lifestyle-yellow .widget_archive select,
.lifestyle-yellow .s,
.lifestyle-yellow .enews #subbox {
    color: #9c9912;
}

.lifestyle-yellow h2 a:hover {
    color: #444;
}

.lifestyle-yellow div.gform_footer input.button,
.lifestyle-yellow .enews #subbutton,
.lifestyle-yellow .reply a,
.lifestyle-yellow .reply a:visited,
.lifestyle-yellow .searchsubmit,
.lifestyle-yellow #submit {
    background-color: #d3d163;
    border: 1px solid #d3d163;
}

.lifestyle-yellow div.gform_footer input.button:hover,
.lifestyle-yellow .enews #subbutton:hover,
.lifestyle-yellow .reply a:hover,
.lifestyle-yellow .searchsubmit:hover,
.lifestyle-yellow #submit:hover {
    background-color: #bbb955;
    border: 1px solid #bbb955;
}

.lifestyle-yellow #footer-widgets,
.lifestyle-yellow #footer {
    background-color: #d3d163;
}


/** Homepage style tweaks **/

.more-from-category a {
    color: #FF3300 !important;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 120%;
}

.widgettitle {
    font-size: 22px;
    margin-top: 10px;
}


/******************* SIDEBOX FOR SLJ SIDEBAR CONTENT *********************/

#sidebox,
.sidebox {
    float: right;
    background-color: #E2E2E2;
    margin: 12px 0;
    padding: 10px;
}


/***** STYLES FOR REVIEWS *******/

.ProductCreator,
.ProductName,
.ProductPublisher,
.ISBN,
.ProductCategory,
.Verdict,
.AuthName,
.TGBold2,
.SubheadNEW2,
.BylineNEW3,
.QAQuestion,
p.Biblio3,
.TextAnswerName1,
.TextQuestion1,
.SideTextBookList,
.Boldblack,
.productcreator,
.productname,
.productpublisher,
.isbn,
.productcategory,
.verdict,
.authname,
.tgbold2,
.subheadnew2,
.bylinenew3,
.qaquestion,
p.biblio3,
.textanswername1,
.textquestion1,
.sidetextbooklist,
.boldblack {
    font-weight: bold;
}

.ProductName,
.LeadinGailBruce,
.BottomLine,
.productname,
.leadingailbruce,
.bottomline {
    color: #3399FF;
}

.tbold2 {
    color: #666;
}

.ProductCategory,
.productcategory {
    text-transform: uppercase;
    font-size: 80%;
}

.Verdict,
.Subhead,
.LeadinReview,
.TableTextNumbers,
.ReleaseTitle,
.verdict,
.subhead,
.leadinreview,
.tabletextnumbers,
.releasetitle {
    color: #FF3300;
    text-transform: uppercase;
}

.TGbol2Italic,
.BemboItalic,
.TGimediumItalic,
.tgbol2italic,
.bemboitalic,
.tgimediumitalic {
    font-style: italic;
}

.Subhead,
.TextSubheadBiblioCheryl,
.BottomLine,
.SubheadColDev,
.SubheadGenre2,
.TableTextNumbers,
.subhead,
.textsubheadbibliocheryl,
.bottomline,
.subheadcoldev,
.subheadgenre2,
.tabletextnumbers {
    font-weight: bold;
    font-size: 120%;
}

.SubheadGenre2,
.subheadgenre2 {
    color: #FFD026;
}

.revhed,
.BoldTableTitles,
.ReleaseTitle,
.boldtabletitles,
.releasetitle {
    font-weight: bold;
    font-size: 110%;
}

p.Review,
p.TGreview,
p.Review2,
p.SideTexttrailers,
p.review,
p.tgreview,
p.review2,
p.sidetexttrailers {
    margin-top: -1em;
}


/************ STAR FOR REVIEWS *************/

.starred {
    float: left;
    width: 14px;
    height: 14px;
    margin: 3px 2px 0px 0px;
    background-image: url(/wp-content/uploads/2011/11/RedReviewStar.png);
}


/********* ref supplement CSS ***************/

.LeadinFeature,
.LeadinCheryl,
.Leadin,
.LeadinSideText {
    font-size: 110%;
    font-weight: bold;
}

.Subhead14Feature {
    font-size: 130%;
    font-weight: bold;
}

.innerhead,
.featauth {
    font-family: 'Oswald', arial, serif;
    word-spacing: 0.20em;
    margin: 0 0 5px;
}

.innerhead {
    color: #BA0000;
    font-size: 20px;
}

.featauth {
    color: #444;
    font-size: 18px;
}

.TGbold1,
.TGboldItalic {
    font-weight: bold;
}

.TGboldItalic {
    font-style: italic;
}

.TextCategoryReverse,
.TextCategory2line {
    font-weight: bold;
    color: #fff;
    background-color: #444;
    padding: 5px 5px 5px 5px !important;
    margin: 10px 0;
    text-transform: uppercase;
    font-size: 120%;
}

.TextDatabaseName {
    color: #BA0000;
    font-size: 120%;
    font-weight: bold;
}

.TextDBinfo {
    font-size: 85%;
    font-weight: bold;
    color: #000;
}

.runners {
    font-weight: bold;
    color: #444;
    text-transform: uppercase;
    font-size: 120%;
}

.bestsellers li {
    margin-bottom: 10px !important;
}


/* Wordpress Popular Posts style tweaks */

#popular-widget-3 ul li {
    list-style-type: none;
    background: none;
    margin: 0 2px 0 0;
    padding: 0 2px 0 0;
    min-height: 35px;
}

#pop-widget-recent-3 img,
#pop-widget-commented-3 img,
#pop-widget-viewed-3 img {
    float: right;
    padding-left: 8px;
}

#pop-widget-commented-3 p,
#pop-widget-viewed-3 p,
#pop-widget-comments-3 img {
    display: none
}

ul.pop-tabs-all li a {
    padding: 0 3px;
}

ul#pop-widget-viewed-3 li,
ul#pop-widget-commented-3 li,
ul#pop-widget-recent-3 li {
    padding: 2px 0 5px 0;
}

ul.pop-widget-tabs.pop-widget-tabs-3 li span,
ul.pop-widget-tabs.pop-widget-tabs-4 li span,
ul.pop-widget-tabs.pop-widget-tabs-5 li span {
    display: inline !important;
}


/* Print Styles */

@media print {
    body {
        background: white;
        color: black;
        margin: 0
    }
}


/* Google Search Box mods */

#cse-search-box {
    width: 250px !important;
    float: right !important;
    margin: -38px 7px 0px 0px !important;
}

.gsc-clear-button {
    display: none;
}

#gsc-i-id1 {
    margin-top: 8px;
    height: 23px;
}

td.gsc-search-button .gsc-search-button {
    margin-top: 8px;
    height: 27px;
    background: #333;
    border: 1px solid #000;
    color: #fff;
}


/* FACEBOOK LIKE BOX FIX */

iframe.fb_ltr,
iframe.fb_iframe_widget_lift,
.fb_edge_widget_with_comment,
.fb_iframe_widget {
    x-index: 9999 !important;
    overflow: visible !important;
}


/* SLJ Top Content
------------------------------------------------------------ */

#topwrap {
    margin: 15px auto 0 auto;
    padding: 0px;
    width: 960px;
    height: 47px;
    vertical-align: bottom;
    border: 0;
}

#ljlogo {
    display: block;
    width: 252px;
    height: 47px;
    float: left;
    margin: 0 auto 0 auto;
    padding-bottom: 0;
    border: 0px;
}

#ljlogo a {
    margin: 0;
    padding: 0;
}

#ljlogo img {
    margin: 10px 0 0 0;
    padding: 0;
    border: 0px;
}

#ljsearch {
    width: 200px;
    clear: none;
    float: left;
    margin: 0 0 -9px 0;
    padding: 0 0 0 5px;
    font-size: 9pt;
    color: #000;
    font-weight: bold;
    overflow: hidden;
    text-align: center;
}

#lj_ad_row {
    clear: both;
    width: 960px;
    height: 100px;
    margin: 0 auto;
    padding: 0 0 0 0;
}

#leaderboard_ad {
    width: 728px;
    height: 90px;
    margin: 5px 0 5px -5px;
    padding: 0;
    float: left;
    background: #fff;
}

#lj_subscribe_ad {
    clear: none;
    width: 190px;
    height: 90px;
    margin: 5px 0 5px 17px;
    padding: 0;
    float: left;
}


/* K4 Imports
------------------------------------------------------------ */

div.k4reviewbox {}

div.k4sidebox,
div.k4sidebox_right {
    background-color: #E2E2E2;
    padding: 10px;
}

div.k4sidebox {
    float: left;
    padding: 10px;
    margin: 0;
}

div.k4sidebox_right {
    width: 250px;
    float: right;
    margin: 0 0 10px 15px;
    font-size: 90%;
}

div.k4sidebox p.k4subhead,
div.k4sidebox_right p.k4subhead {
    margin-top: 0 !important;
}

p.k4biblio,
p.k4biblio_full,
p.k4biblio_only {
    margin: 0 !important;
    padding: 0 !important;
    font-weight: bold;
}

p.k4biblio {
    margin-bottom: 5px !important;
}

p.k4biblio_full {
    margin-bottom: 0 !important;
}

p.k4biblio_only {
    margin-bottom: 5px !important;
}

p.k4blockquote {}

p.k4byline {
    font-style: italic;
}

p.k4review {
    margin-top: 0px;
}

p.k4subhead {
    margin-top: 20px !important;
    color: #0055b8;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 120%;
}

p.Subhead {
    margin-top: 15px !important;
    font-family: 'Akzidenz Grotesque Bold';
    font-size: 18px;
    color: #0055b8;
}

div.CSSsidebox p.k4subhead,
div.CSSsidebox p.Subhead {
    margin-top: 0 !important;
}

div.k4sidebox p.k4subhead,
div.k4sidebox p.Subhead {
    margin-top: 0 !important;
}

p.k4text {}

p.k4QAquestion {
    font-weight: bold;
}

p.k4QAanswer {}

span.k4verdict {
    font-weight: bold;
    color: #ff3300;
    text-transform: uppercase;
}

span.k4category {
    text-transform: uppercase;
    font-size: 85%;
    font-weight: bold;
}

span.k4creatorfirst {}

span.k4creatorlast {
    font-weight: bold;
    text-transform: uppercase;
}

span.k4italics {
    font-style: italic;
}

span.k4productname {
    color: #3399FF;
    font-weight: bold;
}

span.k4gradelevel {
    font-weight: bold;
    font-size: 120%;
}

span.k4authorname {
    font-weight: bold;
}

span.k4leadin,
span.k4lead {
    color: #ff3300;
    text-transform: uppercase;
    font-weight: bold;
}

p.k4authorbio,
p.k4authorBio {
    clear: both;
    font-style: italic !important;
    margin-top: 10px !important;
    padding-top: 10px !important;
    border-top: 2px solid #ccc;
}


/* nRelated styling */

div.nrelate {
    clear: both;
    padding-top: 20px;
}

div.nr_inner ul li {
    list-style-type: disc;
    margin-left: 15px;
}

div.nr_inner ul li a:link,
div.nr_inner ul li a:visited {
    color: #333;
}

div.nr_inner ul li a:hover {
    color: #333;
    text-decoration: underline;
}

div.nrelate img.nrelate_logo {
    display: none;
}


/* AddToAny styling */

div.a2a_kit {
    margin-left: 70px;
}

.post-meta {
    margin-bottom: 15px;
}


/* Imported Tables
------------------------------------------------------------ */

table#tableImport {
    margin-bottom: 15px;
    border: 2px solid #29abe2;
    border: 2px solid #000;
    background-color: #fff;
}

table#tableImport td {
    padding: 4px 8px;
    font-size: 9pt;
    border-bottom: 1px solid #ccc;
    line-height: 10pt;
}

table#tableImport tr#th td {
    padding: 4px 8px;
    font-weight: bold;
    color: #fff;
    background-color: #29abe2;
    background-color: #000;
    border-bottom: 0;
    white-space: nowrap;
}

table#tableImport tr#tf td {
    padding: 4px 8px;
    font-size: 0.75em;
    border-bottom: 0;
}


/* CUSTOM STYLING */

.CSSsidebox ul li {
    list-style-type: disc;
    margin-left: 15px;
    padding: 0;
}


/* Marketing box styles */

div.mktgbox {
    clear: both;
    width: 530px;
    margin: 15px 0 0 0;
    padding: 15px;
    background-color: #e2e2e2;
    border-radius: 10px;
}

div.mktgbox #toprow,
div.mktgbox #midrow,
div.mktgbox #botrow {
    font-family: Arial, Helvetica, sans-serif;
}

div.mktgbox #toprow,
div.mktgbox #botrow {
    font-size: 1.2em;
    font-weight: bold;
    text-align: center;
}

div.mktgbox #midrow,
div.mktgbox #botrow {
    margin: 10px 0 0 0;
}

div.mktgbox #midrow {
    font-size: 1.1em;
}

div.mktgbox a {
    text-decoration: underline;
}

div.siq-expandwdgt-cont {
    width: 240px !important;
    margin: -30px 0 0 60px !important;
}

.siq-expandwdgt-input {
    height: 30px !important;
}


/* ============================================================ */


/* Style and New Classes Added SLJ site from wordpress Special Styles - SLJ Wordpress  */


/* ============================================================ */


/* Legacy Content
------------------------------------------------------------ */

span.LegacyByline,
span.LegacyDeckhead {
    color: #333;
    font-family: 'Droid Serif', serif;
    font-weight: normal;
    line-height: 22px;
    margin: 0 0 10px;
    padding: 0;
    text-decoration: none;
}

span.LegacyByline {
    font-size: 16px;
}

span.LegacyDeckhead {
    font-size: 18px;
}


/* K4 Imports
------------------------------------------------------------ */

div.k4reviewbox {}

div.k4sidebox,
div.k4sidebox_right {
    background-color: #E2E2E2;
    padding: 10px;
}

div.k4sidebox {
    float: left;
    padding: 10px;
    margin: 0 0 10px 0;
}

div.k4sidebox_right {
    width: 250px;
    float: right;
    margin: 0 0 10px 15px;
    font-size: 90%;
}

div.k4sidebox p.k4subhead,
div.k4sidebox_right p.k4subhead,
div.CSSsidebox p.k4subhead,
div.CSSsidebox_right p.k4subhead {
    margin-top: 0 !important;
}

p.k4authorbio {
    font-style: italic;
}

.k4biblio {
    margin: 0 !important;
    padding: 0 !important;
    font-weight: bold;
    /* Reviews */
}

p.k4review {
    margin-top: 0px;
}

p.k4blockquote {
    background-color: #E2E2E2;
    float: left;
    padding: 10px;
    margin: 0 0 10px 0;
}

p.k4subhead {
    margin-top: 20px !important;
    color: #0055b8;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 120%;
}

p.k4text {}

p.k4byline {
    font-style: italic;
}

span.k4verdict {
    color: #ff3300;
    text-transform: uppercase;
}

span.k4category {
    text-transform: uppercase;
    font-size: 80%;
}

span.k4creatorfirst {}

span.k4creatorlast {
    font-weight: bold;
    text-transform: uppercase;
}

span.k4italics {
    font-style: italic;
}

span.k4productname {
    color: #3399FF;
    font-weight: bold;
}

span.k4gradelevel {
    font-weight: bold;
    font-size: 120%;
}

span.k4authorname {
    font-weight: bold;
}

span.k4leadin,
span.k4lead {
    font-size: 110%;
    font-weight: bold;
}

p.k4authorbio,
p.k4authorBio {
    font-style: italic !important;
    margin-top: 10px !important;
    padding-top: 10px !important;
    border-top: 2px solid #ccc;
}


/* Imported Tables
------------------------------------------------------------ */

table#tableImport,
table#tableImportSmall {
    margin-bottom: 15px;
    border: 2px solid #29abe2;
    background-color: #fff;
}

table#tableImport td,
table#tableImportSmall td {
    padding: 4px 8px;
    font-size: 9pt;
    border-bottom: 1px solid #ccc;
    line-height: 10pt;
}

table#tableImportSmall td {
    padding: 3px 6px;
    font-size: 8pt;
}

table#tableImport tr#th td,
table#tableImportSmall tr#th td {
    padding: 4px 8px;
    font-weight: bold;
    color: #fff;
    background-color: #29abe2;
    border-bottom: 0;
    white-space: nowrap;
}

table#tableImport tr#tf td,
table#tableImportSmall tr#tf td {
    padding: 4px 8px;
    font-size: 0.75em;
    border-bottom: 0;
}


/* Movers & Shakers
------------------------------------------------------------ */

table.MSvitals {
    border: 2px solid #666;
    margin-bottom: 20px;
    padding: 0 20px;
}

table.MSvitals table {
    margin: 0;
}

table.MSvitals table td {
    padding: 0;
}


/* Movers & Shakers 2014
------------------------------------------------------------ */

div.ms2014vitals {
    clear: both;
    margin: 0px 0px 10px 15px;
    padding: 10px;
    float: right;
    width: 300px;
    font-size: 90%;
    color: #000;
    background-color: #cccccc;
}

div.ms2014vitals span.k4lead {
    font-size: 110%;
    font-weight: bold;
    color: #df0101;
}

div.ms2014vitals h3 {
    font-family: Georgia, Times New Roman, Trebuchet MS !important;
    text-transform: lowercase !important;
    font-size: 36px !important;
    font-weight: bold !important;
    color: #fff !important;
}

div.ms2014vitals p#divider {
    width: 100%;
    height: 10px;
    margin: 0;
    padding: 0;
    border-top: 1px solid #000;
    font-size: 0;
}


/* Movers & Shakers 2016
------------------------------------------------------------ */

div.ms2016vitals {
    clear: both;
    margin: 0px 0px 10px 15px;
    padding: 10px;
    float: right;
    width: 300px;
    font-size: 90%;
    color: #000;
    background-color: #eceded;
}

div.ms2016vitals h3 {
    margin: 5px 0 0 0 !important;
    padding: 0 2px !important;
    font-family: Georgia, Times New Roman, Trebuchet MS !important;
    text-transform: uppercase !important;
    font-size: 18px !important;
    font-weight: bold !important;
    color: #ed1c24 !important;
}

div.ms2016vitals p#current {
    margin: 0 0 5px 0 !important;
    padding: 0 2px 5px 2px !important;
    border-bottom: 2px solid #333 !important;
    font-weight: bold;
}

div.ms2016vitals h4 {
    width: 100%;
    margin: 0 !important;
    padding: 0 2px !important;
    font-family: Helvetica, Arial, sans-serif !important;
    text-transform: uppercase !important;
    font-size: 14px !important;
    font-weight: bold !important;
    color: #6d6e70 !important;
}

div.ms2016vitals p.k4text {
    margin: 0 0 5px 0 !important;
    padding: 0 2px 5px 2px !important;
    border-bottom: 1px solid #333 !important;
}

div.ms2016vitals p#photo {
    width: 100% !important;
    text-align: right !important;
    font-style: italic !important;
}

div#magazine-ref {
    clear: both;
}


/* ============================================================ */


/* End New Style of Added SLJ site from wordpress */


/* ============================================================ */


/* ============================================================ */


/* Styling for SLJ site that is the main style file (style.css)  */


/* ============================================================ */


/* header file (header.css)  */

.header {
    padding-top: 10px !important;
    padding-bottom: 10px !important;
}

.menu {
    padding-top: 25px !important;
    padding-bottom: 0px !important;
}


/* end header.css  */

a:focus,
a:hover {
    color: #0055b8;
}

.active-option {
    color: #8a8a8a;
    border-bottom: 2px solid #eb0000;
}

.advertisement {
    /* background-color: #ebebeb; */
    padding: 15px;
    text-align: center;
}

.advertisement-white {
    /* padding: 40px 20px 45px 20px; */
    text-align: center;
    margin: 60px 0px;
}

.advertisement-topic {
    padding: 40px 20px 45px 20px;
    text-align: center;
    /* margin: 60px 0px; */
}

.article_column h4 {
    font-size: 22px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: 1;
    letter-spacing: normal;
    text-align: left;
    color: #000000;
}

.article-headline {
    font-family: 'Portrait Medium';
    color: #000000;
}

.article-headline>.recommended {
    font-size: 22pt;
}

.article_type {
    font-size: 18px;
    font-weight: bold;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.22;
    letter-spacing: 5.4px;
    text-align: center;
    color: #000000;
}

.article_topic_type {
    font-size: 12px;
    color: #0055b8;
    margin-bottom: 0px;
    font-weight: bold;
    letter-spacing: 2.4px;
    line-height: 1;
    text-transform: uppercase;
}

.author {
    /* font-size: 14px; */
    margin-top: 10px;
    margin-bottom: 0px;
}

.author>input {
    font-size: 12px;
    padding: 7px;
    width: 85%;
    border: 1px solid #d2d2d2;
}

.author-bio>.author {
    font-family: 'Akzidenz Grotesk Bold';
    font-size: 13pt;
}

.author-bio>p {
    /* padding-top: 10px; */
    font-family: 'AkzidenzGroteskBQ-Reg';
    font-size: 12pt;
}

.benefits-list {
    font-size: 13pt;
}

.benefits-list li {
    padding: 5px;
}

.book-detail .rating {
    width: 20px;
    margin-right: -7px;
    padding-bottom: 5px;
}

.book-headline {
    font-family: 'Portrait Medium';
    color: #000000;
}

.book-headline h3 {
    font-family: 'Portrait Medium';
    color: #000000 !important;
}

.book-headline>h3 {
    font-size: 22pt;
}

.book-list-section .filter>ul {
    font-size: 16px;
}


/* .book-list-section .filter-heading {
	font-size: 16px;
	letter-spacing: 0px;
} */

.book-navigation {
    color: #808080;
    float: left;
    padding: 0px 30px;
    width: 100%;
    /* overflow-y: scroll; */
}

.book-navigation .navbar-default .navbar-nav>li {
    float: left;
}

.book-navigation .navbar-default .navbar-nav>li>a {
    color: #808080 !important;
    padding: 0px;
    margin: 15px 21px;
    padding-bottom: 3px;
}

.book-navigation .navbar-default .navbar-nav>li>.active {
    border-bottom: 3px solid #0055b8;
    padding-bottom: 0px;
}

.book-review {
    width: 100%;
    float: left;
}

.book-review-section {
    width: 100%;
    float: left;
    border-top: 1px solid rgb(197, 194, 194);
    background-color: rgb(235, 235, 235);
}

.book-review-section .revie-count {
    font-size: 19pt;
    font-weight: bold;
    width: 80%;
    float: left;
    padding-left: 5px;
}

.book-review .review-top-line {
    font-family: 'AkzidenzGroteskBQ-Reg';
    font-size: 15pt;
    width: 100%;
    float: left;
}

.book-review .review {
    font-family: 'AkzidenzGroteskBQ-Reg';
    font-size: 12pt;
}

.book-review .review-by {
    border-bottom: 1px solid #0055b8;
}

.book-review .book-detail {
    font-family: 'AkzidenzGroteskBQ-Reg';
}

.book-review .book-description {
    font-family: 'AkzidenzGroteskBQ-Reg';
    width: 100%;
    float: left;
    font-size: 20px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.4;
    letter-spacing: normal;
    color: #000000;
    color: var(--black);
}

.book-review .book-headline {
    font-family: 'Portrait Medium';
    font-size: 18pt;
    line-height: 1;
}

.book-review .book-name {
    font-family: 'Portrait Medium';
    font-size: 44px;
    line-height: 1;
    color: #000000;
    hyphens: none;
}

.book-review .book-price-tag {
    border-bottom: 1px solid #0055b8;
}

.book-review .book-tag-line {
    font-size: 20px;
    font-weight: 500;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #000000;
}

.book-review .review-tag-line {
    font-size: 14pt;
    font-weight: bold;
}

.book-review .reviewed-in {
    font-family: 'Portrait Medium';
    font-size: 17pt;
    line-height: 1.3;
}

.book-review ul>li>a {
    padding: 3px;
}

.book-review-list ul>li>a {
    /* padding: 4px; */
}

.book-review-list ul>li>a:first-child {
    padding-left: 0px;
}

.book-review-list .book-detail {
    font-family: 'AkzidenzGroteskBQ-Reg';
    font-size: 12pt;
}

.book-review-list .book-description {
    font-family: 'AkzidenzGroteskBQ-Reg';
    font-size: 15pt;
    width: 100%;
    float: left;
}

.book-review-list .book-headline {
    font-family: 'AkzidenzGroteskBQ-Reg';
    font-size: 12px;
    line-height: 1;
    letter-spacing: 3px;
    font-weight: bold;
}

.book-review-list .book-name {
    font-family: 'Portrait Medium';
    font-size: 23pt;
    line-height: 1;
}

.book-review-list .book-name a {
    color: #000000;
}

.book-review-list .book-price-tag {
    border-bottom: 1px solid #0055b8;
}

.book-review-list .book-tag-line {
    font-family: 'Akzidenz Grotesk Bold';
    font-size: 15px;
    font-weight: bold;
}

.book-review-image {
    height: 360px;
    width: 100%;
}


/* .book-section {
	padding-left: 20px;
  padding-right: 45px;
} */

.browse-dropdown {
    width: 100%;
    float: left;
    border: 2px solid #000000;
    padding: 7px 10px;
    font-size: 12pt;
}

.btn {
    border-radius: 0px !important;
    font-size: 13px;
    /* letter-spacing: 2px; */
}

.btn-subscribe:hover {
    color: #dc4337;
    background-color: white;
    text-decoration: none;
    border: 1px solid;
}

.btn-black {
    height: 40px;
    font-weight: bold;
    letter-spacing: 2px;
    border: 2px solid #000;
    color: #000;
    background-color: #fff;
    border-color: #000;
}

.btn-comment {
    font-weight: bold;
    font-size: 13px;
    /* height: 40px; */
    letter-spacing: 2px;
    border: 2px solid #000;
    padding-bottom: 10px;
    padding-top: 10px;
    text-align: center;
    margin: 10px 0px;
}

.btn-default-black {
    height: 45px;
    letter-spacing: 2px;
    border: 2px solid #000;
    /* border-bottom: 1px solid; */
    color: #000;
    background-color: #fff;
    border-color: #000;
    padding-left: 20px;
    padding-right: 20px;
    margin-top: 0px;
    margin-bottom: 0px;
}

.btn-default-red {
    font-family: 'AkzidenzGroteskBQ-Reg';
    font-size: 13px;
    height: 40px;
    letter-spacing: 2px;
    border: 2px solid #0055b8;
    color: #0055b8;
    background-color: #fff;
    border-color: #0055b8;
    /* padding-left: 20px;
	padding-right: 20px; */
    text-align: center;
    line-height: 25px;
    font-weight: bold;
}

.btn-red {
    color: #fff;
    background-color: #0055b8;
}

.btn-grey-filled {
    height: 40px;
    font-weight: 600;
    letter-spacing: 2px;
    border: 0px solid #000;
    color: #000;
    background-color: #ddd;
    border-color: #000;
    font-size: 11px;
}

.btn-subscribe {
    font-size: 12px;
    font-weight: bold;
    letter-spacing: 2px;
    padding: 12px 15px;
    margin-top: 35px;
    margin-bottom: 0;
    line-height: 1;
}

.subscribe-btn-size {
    /* width: 140px; */
    height: 40px;
}

.btn-register {
    font-size: 12px;
    font-weight: bold;
    letter-spacing: 2px;
    padding: 12px 15px;
    margin-top: 25px;
    margin-bottom: 0;
    line-height: 1px;
}

.register-btn-size {
    width: 100%;
    height: 39px;
}

.btn-tag {
    border: 1px solid rgb(197, 194, 194);
    background: #fff;
    padding: 5px 12px;
    margin: 3px 0px;
}

.byline-detail {
    font-family: 'AkzidenzGroteskBQ-Reg';
    font-size: 15px;
}

.byline-detail>.author {
    border-bottom: 1px solid #0055b8;
    font-size: 15px;
}

.byline-detail>.tag {
    border-bottom: 1px solid #0055b8;
    /* font-size: 15pt; */
}

a.author:hover {
    border-bottom: unset;
}

.expauthor {
    border-bottom: 1px solid #0055b8;
    font-size: 15px;
}

.book-title {
    font-family: Portrait;
    font-size: 22px;
    font-weight: 500;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.27;
    letter-spacing: normal;
    color: #000000;
}

.carousel-development-career .carousel {
    height: 100%;
    max-width: 350px;
    margin: auto;
}

.carousel-development-career .carousel-indicators {
    position: unset;
    margin-top: 0;
    margin-bottom: 25px;
    width: 100%;
    padding-left: 0;
    margin-left: 0px;
    text-align: center;
    /* background: black; */
    list-style: none;
}

.carousel-indicators .active {
    width: 10px;
    height: 10px;
    margin: 3px;
    background-color: #db2400;
    border: 1px solid #db2400;
}

.carousel-indicators li {
    display: inline-block;
    width: 10px;
    height: 10px;
    margin: 3px;
    text-indent: -999px;
    cursor: pointer;
    background-color: #cccccc;
    border: 1px solid #cccccc;
    border-radius: 10px;
}

.carousel-development-career .top-story-heading h3 {
    text-align: center;
    padding: 0px 20px;
}

.carousel-development-career .carousel-inner {
    height: 100%;
}

.carousel-development-career .carousel-inner>.item {
    height: 100%;
    text-align: center;
}

.carousel-development-career .carousel-inner img {
    width: auto !important;
    height: 100%;
}


/* .btn-subscribe:focus {
	color: white;
} */


/* .carousel-indicators li{
	background-color: rgb(218, 218, 218);
	border: 0px;
} */


/* .carousel-indicators li:last-child{
	width: 7px;
	height: 7px;
	margin-bottom: 2px;
} */


/* .carousel-indicators li:first-child{
	width: 7px;
	height: 7px;
	margin-bottom: 2px;
} */


/* .carousel-indicators .active{
	background-color: rgb(225, 63, 56);
	width: 10px !important;
	height: 10px !important;
	margin-bottom: 1px !important;
} */

.copied-isbn {
    background-color: #ffeb3b;
}

.copy-isbn-link:hover {
    text-shadow: 0 0 3px #ffeb3b;
    line-height: 1;
    text-decoration: underline;
}

.comment {
    width: 50%;
    float: left;
}

.comment-desc {
    padding-top: 7px;
    padding-left: 5px;
    width: 50%;
    float: left;
    font-size: 12px;
    line-height: 1;
}

.comment-icon {
    border-radius: 50px;
    border: 1px solid black;
    padding: 10px 8px 7px 8px;
    color: black;
    font-weight: bold;
}

.comment-icon-image {
    /* font-size: 9px; */
    color: #000000;
    font-weight: bold;
    /* padding: 8px; */
    padding-top: 8px;
    background-repeat: no-repeat;
    display: inline-block;
    width: 34px;
    height: 34px;
    background-size: 34px;
    background-image: url("../images/comment-icon.png");
    text-align: center;
    padding-right: 1px;
}

.small-comment-icon-image {
    font-size: 9px;
    color: #000000;
    font-weight: bold;
    /* padding: 8px; */
    padding-top: 8px;
    background-repeat: no-repeat;
    display: inline-block;
    width: 28px;
    height: 28px;
    background-size: 28px;
    background-image: url("../images/comment-icon.png");
    text-align: center;
}

.community-form-desc {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    line-height: 1.33;
    max-height: 38px;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.community-forum-headline {
    text-align: center;
    color: #000000;
    font-family: 'Portrait Medium';
    font-size: 20px;
}

.reply-message {
    border-left: 2px solid #ddd;
}

.communty-form-heading h3 {
    font-weight: 500;
    font-style: normal;
    font-stretch: normal;
    line-height: 1;
    letter-spacing: normal;
    text-align: left;
    color: #000000;
    font-family: 'Portrait Medium';
}

.content {
    width: 100%;
    /* padding-top: 20px; */
    padding-bottom: 10px;
    float: left;
}

.content .heading-underline h1:hover,
.content .heading-underline h3:hover {
    /* border-bottom:2px solid #db4336; */
}

h3.line-clamp-3:hover {
    /* border-bottom:2px solid #db4336; */
}

.color-red {
    color: rgb(221, 74, 57);
}

.excerpt {
    font-size: 16px;
}


/*
.fa-arrow-right {
	padding-left: 4px;
} */

.featured-story-headline {
    font-family: 'Portrait Medium';
    font-weight: 500;
    font-style: normal;
    font-stretch: normal;
    line-height: 1;
    letter-spacing: normal;
    text-align: left;
    color: #000000;
}

.featured-story-headline-right {
    font-family: 'Portrait Medium';
    color: #000000;
    font-size: 26px;
}

.filter-section-heading {
    font-weight: bold;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: 6px;
    text-align: center;
    color: #000000;
}

.filter {
    float: left;
    width: 100%;
    display: block;
}

.filter .btn-default-red {
    font-size: 12px;
    font-weight: bold;
    /* height: 40px; */
    letter-spacing: 1px;
    border: 2px solid #ffffff;
    color: #ffffff;
    background-color: #0055b8;
    /* padding-left: 20px;
    padding-right: 20px; */
}

.filtered-document-headline {
    margin-bottom: 15px;
    color: #000000;
}

.filter-heading {
    font-weight: bold;
    /* letter-spacing: 2px; */
}

.filter-heading a {
    text-decoration: none;
}

.filter-heading a i {
    float: right;
    font-size: 10px;
    font-weight: normal;
    padding-top: 4px;
}

.filter>ul {
    list-style: none;
    padding: 0px;
    font-size: 18px;
    line-height: 2;
}

.filter>ul>li>a {
    color: #0a0a0a;
    text-decoration: none;
}

.filter>ul>li>a:active {
    color: rgb(197, 194, 194);
    border-bottom: 1px solid rgb(197, 194, 194);
}

.filter-story-section {
    /* border: 2px solid red; */
    /* height: 200px; */
    margin-bottom: 30px;
}

.join-now {
    font-size: 16px;
    line-height: 0;
    padding: 30px 0px;
    font-weight: bold;
    color: #fff;
}

.join-now>h5 {
    font-size: 16px;
    font-weight: bold;
}

.join-now-box {
    background-color: #0055b8;
}


/* styling for footer */

.lj-footer {
    background: #000;
    color: #fff;
    margin-top: 20px;
}

.footer .footer-block>h4 {
    font-size: 16px;
    font-weight: bold;
}

.footer>li {
    margin-bottom: 15px;
}

.footer .footer-block>ul {
    padding: 0px;
}

.footer .footer-block>ul>li>a {
    color: #ccc !important;
    line-height: 1;
    font-size: 16px;
}

.footer-border-line {
    border: solid 2px #575757;
    border-top: none;
}

.footer-img {
    /*border-top: 2px solid #d8d8d8;*/
    /* border-bottom: 2px solid #d8d8d8; */
    height: auto;
}

.footer .footer-policy>ul>li {
    padding-left: 20px;
    list-style: none;
    float: left;
}

.footer .footer-policy>ul>li>a {
    color: #ccc !important;
    text-decoration: none;
    font-size: 15px;
}

.footer .footer-policy a {
    color: black;
    text-decoration: none;
}


/* end footer styling  */

.forum-search {
    background-color: #000000;
    padding: 30px 20px 40px 20px;
}

.forum-search>div {
    border-bottom: 1px solid #ffffff;
}

.forum-search input {
    padding: 10px 5px 3px 10px;
    font-size: 18px;
    color: #ffffff;
    background-color: #000000;
    width: 80%;
    border: 0px solid #000000;
}

.forum-search img {
    padding-bottom: 3px;
}

.forum-search input::placeholder {
    color: #ffffff;
}

.forum-topic-headline {
    font-family: 'Portrait Medium';
    color: #000000;
    font-size: 17pt;
}

.heading-arrow {
    position: relative;
    bottom: 3px;
    right: 6px;
}

.header {
    padding-top: 0px !important;
    padding-bottom: 0px !important;
}

.hr_division {
    margin-top: 10px;
    margin-bottom: 10px;
    border-bottom: 5px solid black;
    width: 100%;
    float: left !important;
}

.hr_division_black_thin {
    margin-top: 10px;
    margin-bottom: 10px;
    border-bottom: 1px solid #000;
    width: 100%;
    float: left !important;
}

.hr_division_light {
    margin-top: 10px;
    margin-bottom: 10px;
    border-bottom: 3px solid black;
    width: 100%;
    float: left !important;
}

.hr_division_grey {
    margin-top: 10px;
    margin-bottom: 10px;
    border-bottom: 2px solid rgb(217, 217, 217);
    width: 100%;
    float: left !important;
}

.hr_division_grey_light {
    margin-top: 10px;
    margin-bottom: 10px;
    border-bottom: 1px solid rgb(197, 194, 194);
    width: 100%;
    float: left !important;
}

.icon {
    width: 61px;
    height: 61px;
    border-radius: 70px;
    display: inline-block;
    background-color: #000;
}

.icon-desktop {
    background-size: 39px;
    background-position: 11px;
    background-repeat: no-repeat;
    background-image: url(../images/desktop-icon.png);
}

.icon-mobile {
    background-size: 17px;
    background-position: 22px;
    background-repeat: no-repeat;
    background-image: url(../images/mobile-icon.png);
}

.icon-note {
    background-size: 31px;
    background-position: 14px;
    background-repeat: no-repeat;
    background-image: url(../images/note-icon.png);
}

.image-full {
    height: 100%;
    width: 100%;
}

.feature-image>p>img {
    height: 100%;
    width: 100%;
}

.join-community-heading-story>h1 {
    line-height: 1.4;
    font-weight: bold;
}

.join-community-heading>h1 {
    margin-top: 5px !important;
    font-size: 42px;
    line-height: 1.4;
    font-weight: bold;
    color: black;
}

.join-community-heading>h3 {
    margin-top: -10px !important;
}

.latest-activity-headline {
    color: #000000;
    font-family: 'Portrait Medium';
    font-size: 19pt;
}

.latest-activity-strip {
    padding: 25px;
}

.latest-activity-strip .description {
    font-family: 'AkzidenzGroteskBQ-Reg';
    font-size: 12pt;
    /* white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis; */
}

.latest-activity-strip .reply {
    font-size: 9pt;
    color: rgb(128, 128, 128);
}

.latest-activity-striped>div:nth-of-type(even) {
    background-color: rgb(248, 248, 248);
    border-top: 2px solid rgb(204, 204, 204);
    border-bottom: 2px solid rgb(204, 204, 204);
}

.latest-activity-striped>div:last-child {
    background-color: #ffffff;
    border-top: none;
    border-bottom: none;
}

.LJ-image {
    margin: 20px 0px 10px;
    /* height: 102px; */
    width: 190px;
}

.lj-btn-black {
    font-family: 'AkzidenzGroteskBQ-Reg';
    height: 40px;
    background-color: #ffffff;
    border: solid 2px #000000;
    padding: 12px 20px;
    font-size: 12px;
    font-weight: bold;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: 2.4px;
    text-align: center;
    color: #000000;
    margin: 0px;
}

.line-clamp-3 {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    line-height: 1;
    /* max-height: 55px; */
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}


/*.more-link {
	width: 100%;
	float: left;
	color: #333;
}*/

.more-link {
    font-family: 'AkzidenzGroteskBQ-Reg';
    font-size: 16px;
    font-weight: bold;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.5;
    letter-spacing: 0.7px;
    text-align: left;
    color: #000000;
}

.more-link>a {
    color: #333;
}

.more-link>a:hover,
.more-link>a:focus {
    text-decoration: none;
}

.nav-links li a {
    color: #000 !important;
    padding: 10px;
}

.navbar-default {
    background-color: #ffffff;
    border: 0px !important;
}

.navbar-default .navbar-nav>li>a {
    color: #000000 !important;
}

.navbar-nav>.open>.dropdown-toggle {
    background-color: white;
}

.navbar-default .navbar-nav>.active>a,
.navbar-default .navbar-nav>.active>a:focus,
.navbar-default .navbar-nav>.active>a:hover {
    background-color: #ffffff;
    color: black;
}

.navbar-default .navbar-nav>.open>a,
.navbar-default .navbar-nav>.open>a:focus,
.navbar-default .navbar-nav>.open>a:hover {
    color: #000;
    background-color: #ffffff;
}

.navbar-default .navbar-toggle:focus,
.navbar-default .navbar-toggle:hover {
    background-color: #fff;
}

.new-conversion {
    font-size: 18px;
    border: 5px solid rgb(204, 204, 204);
    height: 70px;
    padding: 30px;
    width: 100%;
}

.new-conversion::placeholder {
    color: #000000;
}

.no-top-border {
    border-top: none !important;
}

.not-active {
    pointer-events: none;
    cursor: default;
    color: #6f6f6f !important;
}

.pagination-div a {
    color: #000000;
    /* padding: 0px 10px; */
    margin: 0px 10px;
}

.pagination-div ul {
    list-style: none;
    /* margin-left: 10%; */
    padding-left: 0px;
}

.pagination-div ul li {
    float: left;
    width: 8%;
}

.pagination-div ul li:last-child {
    padding-left: 20px;
}

.pagination-div ul li a {
    color: #000000;
    padding: 0px 0px;
}

.panel {
    /* border-bottom: 1px solid #d8d8d8 !important; */
    -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0);
}

.panel-body {
    padding: 7px 0px;
    font-size: 16px;
    width: 100%;
    cursor: pointer;
    /* float: left; */
}

.border-hover-red:hover {
    border-bottom: 1px solid #0055b8;
    /* float: left; */
}

.panel-body label {
    display: inline;
    max-width: 100%;
    margin-bottom: 0px;
    font-weight: normal;
}

.panel-body label:hover {
    /* border-bottom: 1px solid #cdcdcd; */
}

.panel-body input[type=radio] {
    opacity: 0;
}

.panel-body:last-child {
    padding-bottom: 20px;
}

.panel-group {
    font-family: 'AkzidenzGroteskBQ-Reg';
}

.date-range>input {
    font-size: 12px;
    padding: 7px;
    width: 85%;
    border: 1px solid #d2d2d2;
}

.date-range>input::placeholder {
    color: #9a9797;
}

.date-range>span {
    font-size: 12px;
}


/* .panel-body > .specific-dates{
	color: #8e8b8b;
	border-bottom: 1px solid #000000a1;
	padding-bottom: 2px;
} */

.panel-default {
    border: 0px solid #ffffff;
    border-radius: 0px !important;
}

.panel-heading {
    padding: 10px 0px;
    background-color: #ffffff !important;
    border: 0px solid #ffffff !important;
}

.recommended-description {
    font-family: 'AkzidenzGroteskBQ-Reg';
    font-size: 13pt;
    width: 100%;
    float: left;
}

.recommended .story-section {
    margin-bottom: 30px;
}


/* .red{
  color: #0055b8;
} */

.redError {
    color: rgb(220, 64, 55);
    /* color: #0055b8; */
}

.red-box {
    border: 5px solid #db4336;
}

.red-box-light {
    float: left;
    width: 100%;
    display: block;
    border: 4px solid rgb(249, 66, 63);
}

.red-box-thin {
    /* border: 3px solid #db4336; */
    border: 3px solid #d0021b;
}

.red-inner-box {
    margin: 40px 10px 60px 10px;
    display: inline-block;
}

.registration-form {
    line-height: normal;
}

.registration-form>div {
    padding: 9px 10px;
}

.registration-form input {
    border: 1px solid #000000;
    padding: 15px;
    width: 100%;
}

.registration-form select {
    background-color: #ffffff;
    border: 1px solid #000000;
    /* padding: 15px; */
    width: 100%;
}

.registration-form select:disabled {
    color: gray;
}

.registration-form select:required:invalid {
    color: gray;
}

.registration-form option[value=""][disabled] {
    display: none;
}

.registration-form option {
    color: black;
}

.review-headline {
    text-align: center;
    display: block;
    width: 100%;
    color: black;
}

.review-headline>h2 {
    display: inline-block;
}

.review-headline>h4 {
    display: inline-block;
}

.review-headline>h4>span {
    margin-top: 30px;
    position: absolute;
    font-size: 10px;
}

.review-list-img>p {
    margin: 0px;
    height: 100%;
}

.review-list-img>p :first-child {
    height: 100%;
    width: 50%;
}

.review-list-img>p :last-child {
    height: 100%;
    width: 50%;
}

.search-icon .btn-default {
    border: 0px;
}

.social-icon {
    font-size: 20px;
    background: #000;
    width: 35px;
    height: 35px;
    border-radius: 50px;
    text-align: center;
    line-height: 35px;
    color: #fff;
}

.social-share>ul {
    padding: 0px;
    margin-bottom: 0px;
}

.social-share>ul>li>a {
    padding: 1px;
}

.specific-author>.has-author {
    /* font-size: 12px;
    padding: 9px;
    width: 100%;
    border: 1px solid #d2d2d2; */
}

.sponsored {
    font-size: 12px;
    font-weight: bold;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: 0.3px;
    text-align: left;
    color: #000000;
    font-family: Akzidenz Grotesk bold;
    font-size: 10px;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.5;
    letter-spacing: 0.7px;
    color: #ffffff;
    background: #000;
    padding: 4px 8px 2px 8px;
}

.subscribe-callout-today h3 {
    font-weight: bold;
    font-style: normal;
    font-stretch: normal;
    line-height: 1;
    letter-spacing: 6px;
    text-align: center;
    color: #010101;
}

.subscribe-callout>.subscribe-callout-today {
    text-align: center;
    display: block;
    width: 100%;
    color: black;
    float: left;
}

.subscribe-callout .description {
    color: #000000;
    font-family: 'AkzidenzGroteskBQ-Reg';
    font-size: 24px;
}

.subscribe-callout .headline {
    font-family: 'Portrait Medium';
    color: #000000;
}

.subscribed-newslater {
    /* text-align: center; */
    padding: 20px !important;
}

.subscribed-newslater-options {
    padding: 5px 20px;
}

.subscribed-newslater-options>label {
    font-size: 16px !important;
}

.utility {
    padding: 4px;
}

.utility-icon {
    font-size: 26px;
    background: #000;
    width: 55px;
    height: 55px;
    border-radius: 70px;
    text-align: center;
    line-height: 60px;
    color: #fff;
}

.page-headline {
    font-family: 'Portrait Medium';
    font-weight: 500;
    font-style: normal;
    font-stretch: normal;
    line-height: 1;
    letter-spacing: normal;
    text-align: center;
    color: #000000;
}

.section-image img {
    /* max-height: 270px;
	max-width: 360px; */
    max-height: 250px;
    max-width: 100%;
    width: auto;
    height: auto;
}

.event-image img {
    max-height: 250px;
    width: auto;
    height: 100%;
}

.story-first-para {
    font-family: 'Portrait Medium';
    font-size: 26px;
    line-height: 1.15;
}


/*.otherPage a {
    text-decoration: none !important;
}*/

.otherPage a:hover {
    text-decoration: underline !important;
}

.otherPage p>a {
    text-decoration: underline !important;
}

.otherPage>hr {
    margin-top: 10px;
    margin-bottom: 10px;
    border-bottom: 1px solid rgb(197, 194, 194);
    width: 100%;
    float: left !important;
}

.story-para {
    font-family: 'AkzidenzGroteskBQ-Reg';
    font-size: 18px;
    line-height: 1.4;
}

.story-para a {
    text-decoration: underline;
}

.story-para hr {
    border-top: 1px solid #000000;
    ;
}

.story-headline {
    font-family: 'Portrait Medium';
    color: #000000;
}

.story-image {
    width: 100%;
    /* height: 600px; */
    /* padding: 0px 30px; */
    float: left;
}

.story-para>h1 {
    font-family: 'Portrait Medium';
    /* font-weight: bold; */
    font-size: 40pt;
    margin: 15px 0px;
    font-weight: 500;
    font-style: normal;
    font-stretch: normal;
    line-height: 1;
    letter-spacing: normal;
    text-align: left;
    /* color: #ff4438; */
    color: #000000;
}

.story-para h2 {
    font-family: 'Portrait Medium';
    font-size: 32px;
    color: #0055b8 !important;
    font-weight: bold;
    margin: 10px 0;
}

.story-para h3 {
    font-size: 26px;
    color: black;
    font-weight: bold;
    margin: 10px 0;
}

.story-para h4 {
    font-size: 22px;
    color: #0055b8 !important;
    font-weight: bold;
    margin: 10px 0;
}

.story-para h5 {
    font-size: 15px;
    font-weight: bold;
    margin: 10px 0;
}

.story-para h6 {
    font-size: 14px;
    font-weight: normal;
}

.story-list-inner-box {
    width: 100%;
    padding-left: 6%;
    padding-right: 6%;
    padding-top: 20px;
    padding-bottom: 30px;
    display: inline-block;
}

.story-nav>li {
    float: left;
    width: 16%;
    border-bottom: 2px solid rgb(204, 204, 204);
    padding-right: 20px;
    margin-right: 3%;
    padding-left: 0px;
    margin-bottom: 3px;
    padding-bottom: 3px;
}

.story-nav>.active {
    border-bottom: 5px solid #0055b8;
    margin-bottom: 0px;
    padding-bottom: 0px;
}

.story-nav>li>a {
    padding-left: 1px;
    padding-right: 0px;
}

.story-section {
    /* border: 2px solid red; */
    /* height: 200px; */
    margin-bottom: 15px;
}

.tabcontent {
    display: none;
    width: 100%;
    float: left;
}

.event-para p,
.event-para span {
    font-family: 'AkzidenzGroteskBQ-Reg' !important;
    font-size: 18px;
    line-height: 1.4 !important;
}

.tabbed-content {
    width: 100%;
    float: left;
}


/* .TOPIC .carousel-inner:hover~a{
	color: #fff;
  filter: alpha(opacity=90);
  background: #fff;
  opacity: 2.9;
} */


/* Same as above class */


/* .carousel-inner:hover~a.carousel-control , .carousel-inner:focus~a.carousel-control ,.carousel-inner:active~a.carousel-control{
  color: #fff;
  filter: alpha(opacity=90);
  background: #fff;
  opacity: 2.9;
	display: block;
} */


/* .TOPIC  .carousel-control:hover, .TOPIC .carousel-control:focus, .TOPIC .carousel-control:active{
	  background: #fff;
} */


/* .TOPIC .carousel-control.left {
    height: 80px;
    width: 80px;
    top: 45%;
    background-image: none;
    background-image: -o-linear-gradient(left,rgba(0,0,0,.5) 0,rgba(0,0,0,.0001) 100%);
    background-image: none;
    background-image: none;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#80000000', endColorstr='#00000000', GradientType=1);
    background-repeat: repeat-x;
		opacity: 2.9;
} */


/* .TOPIC .carousel-control.right {
  right: 0;
  height: 80px;
  width: 80px;
  top: 45%;
  left: auto;
  background-image: none;
  background-image: -o-linear-gradient(left,rgba(0,0,0,.0001) 0,rgba(0,0,0,.5) 100%);
  background-image: none;
  background-image: none;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#80000000', GradientType=1);
  background-repeat: repeat-x;
} */


/* .TOPIC .carousel-control .glyphicon-triangle-left,.TOPIC .carousel-control .glyphicon-triangle-right,.TOPIC .carousel-control .icon-next,.TOPIC .carousel-control .icon-prev {
  position: absolute;
  top: 50%;
  z-index: 5;
  display: inline-block;
  margin-top: -10px;
	color: #f9423f;
  text-shadow: none;
} */


/* Date Picker View "Previus Design" */


/* .TOPIC .date-range > input {
    font-size: 12px;
    padding: 7px;
    width: 20%;
    border: 1px solid #d2d2d2;
}

.TOPIC .date-range > input::placeholder {
	text-align: center;
}

.TOPIC .date-range .yyyy {
    font-size: 12px;
    padding: 7px;
    width: 28%;
    border: 1px solid #d2d2d2;
} */

.underline-link {
    color: #000000;
    text-decoration: none !important;
    border-bottom: 2px solid #0055b8;
}

.TOPIC .panel-body {
    padding: 5px 0px;
}

.TOPIC .topic_head .article_topic_type {
    line-height: 1;
}

.topic-list-div:before {
    width: 0;
    height: 0;
    border-left: 25px solid transparent;
    border-right: 25px solid transparent;
    border-bottom: 20px solid #ebebeb;
    content: "";
    position: relative;
    display: block;
    top: -50px;
    right: 0px;
    margin: auto;
    left: -111px;
}

.topic-list-div {
    display: none;
    width: 88%;
    padding: 30px;
    float: left;
    position: fixed;
    top: 240px;
    left: 6%;
    z-index: 99999;
    background-color: #ebebeb;
}

.topic-list {
    /* display: none; */
    list-style: none;
    background: #ebebeb !important;
    border: none !important;
    box-shadow: none !important;
    /* padding: 20px 30px; */
}

.topic-list>li>a {
    font-size: 18px;
    text-decoration: none;
    line-height: 2.0;
    font-weight: normal;
    color: #414141 !important;
}

.topic-list-small>li>a {
    font-size: 22px;
    text-decoration: none;
    line-height: 1.8 !important;
    font-weight: normal;
    /* color: #414141 !important; */
    color: #313131 !important;
}

.topic-list>li>a:hover {
    border-bottom: 2px solid #e53c39;
}

.topic-navigation {
    float: left;
    width: 100%;
}

ul.header-section {
    display: flex;
    justify-content: space-between;
    font-weight: normal;
}

.topic-navigation li {
    padding-right: 10px;
    padding-left: 10px;
}

.topic-navigation li>a {
    padding: 10px 7px;
    cursor: pointer !important;
    font-size: 16px;
    font-weight: bold;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: left;
    color: #000000;
}

.topic-tag {
    font-family: 'Akzidenz Grotesk Bold';
    color: #0055b8;
    font-size: 10pt;
}

.topic-type {
    font-size: 15px;
    font-weight: bold;
    font-style: normal;
    font-stretch: normal;
    line-height: 2;
    letter-spacing: 3px;
    color: #0055b8;
    margin-top: 20px;
    margin-bottom: 0px;
    width: 100%;
    float: left;
}

.blog-type {
    font-family: AkzidenzGroteskBQ-Reg;
    font-size: 12px;
    font-weight: bold;
    line-height: 1.5;
    letter-spacing: 1px;
    width: 100%;
    float: left;
}

.blog-link {
    color: #808080 !important;
    /* color: #eb0000 !important; */
}

.top-story-content {
    float: left;
    width: 100%;
}

.top-story-left {
    /* display: block; */
    width: 100%;
    float: left;
}

.top-story-image-main {
    /* width: 100%; */
    /* height: 417px; */
    /* border: 1px solid green; */
}

.top-story-image-sub {
    width: 100%;
    /* height: 196px; */
    /* border: 1px solid green; */
}

.top-story-heading {
    float: left;
    width: 100%;
}


/*.top-story-heading h1{
	margin-top: 5px !important;
	font-size: 42px;
	line-height: 1.4;
	font-weight: bold;
	color: black;
}*/

.top-story-heading h1 {
    margin-top: 5px !important;
    font-size: 42px;
    line-height: 1.4;
    font-weight: bold;
    color: black;
    height: 108px;
    font-size: 46px;
    font-weight: 500;
    font-style: normal;
    font-stretch: normal;
    line-height: 1;
    letter-spacing: normal;
    text-align: left;
    color: #000000;
    font-family: 'Portrait Medium';
}

.top-story-heading a {
    /* text-decoration: none; */
}


/*.top-story-heading h3{
	margin-top: 10px !important;
	font-family: 'Portrait Medium';
}*/

.top-story-heading h3 {
    margin-top: 10px !important;
    font-family: 'Portrait Medium';
    /* height: 52px; */
    font-size: 23px;
    font-weight: 500;
    font-style: normal;
    font-stretch: normal;
    line-height: 1;
    letter-spacing: normal;
    line-height: 1.15;
    color: #000000;
}

.top-story-side-bar {
    margin-bottom: 10px !important;
    width: 100%;
    float: left;
}

.top-story-type {
    text-align: center;
    font-size: 15px;
    color: #0055b8;
    margin-bottom: 0px;
    font-weight: bold;
    letter-spacing: 2.4px;
    width: 100%;
    float: left;
}

.top-center-desc {
    margin-top: 20px;
    font-family: Sans-Serif;
    font-size: 21px;
    font-weight: 500;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: left;
    color: #000000;
}

.book-review-list .page-headline {
    margin: 60px 0px 30px;
}

.books_and_review_headline {
    font-family: 'AkzidenzGroteskBQ-Reg';
    font-size: 21px;
    font-weight: bold;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: 7.2px;
    text-align: center;
    color: #000000;
}

.explore-desc {
    font-family: 'Akziden zGrotesk Roman';
    font-size: 18px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.33;
    letter-spacing: normal;
    text-align: left;
    color: #000000;
}

.align-center {
    display: flex;
    justify-content: center;
}

.dropdown-menu {
    /* height: 130px !important;
    max-height: 400px;
    overflow: hidden;
    overflow-y: auto; */
    /* border: none; */
    border-radius: 0;
    box-shadow: none;
}

.form-group.required .control-label:after {
    /* color: #d00; */
    content: "*";
    /* position: absolute; */
    margin-left: 2px;
    top: 7px;
}

.customer-id {
    padding-bottom: 15px;
    /* font-weight: bold; */
}

li.ellipsis-user-name {
    /*overflow: hidden; */
    /* text-overflow: ellipsis;
	display: -webkit-box;
	line-height: 1;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	width: 130px; */
}


/* My Account Page - My Profile */

h1.account-heading {
    font-size: 48px;
}

.user-account-image {
    /* padding: 20px 20px 0;
    text-align: center;
    background: #9e9e9e;
    margin-bottom: 20px;
		color: #fff;
    height: 200px; */
}

.profile-image {
    position: absolute;
    top: 150px;
    color: #fff;
}


/*Profile Pic Start*/

.picture-container {
    position: relative;
    cursor: pointer;
    text-align: center;
    height: 210px;
    background-color: #cacaca;
}

.picture-container img {
    height: 100%;
}

.picture {
    width: 106px;
    height: 106px;
    background-color: #999999;
    border: 4px solid #CCCCCC;
    color: #FFFFFF;
    border-radius: 50%;
    margin: 0px auto;
    overflow: hidden;
    transition: all 0.2s;
    -webkit-transition: all 0.2s;
}

.content.ct-wizard-green .picture:hover {
    border-color: #05ae0e;
}

.content.ct-wizard-blue .picture:hover {
    border-color: #3472f7;
}

.content.ct-wizard-orange .picture:hover {
    border-color: #ff9500;
}

.content.ct-wizard-red .picture:hover {
    border-color: #ff3b30;
}

.picture input[type="file"] {
    cursor: pointer;
    display: block;
    height: 100%;
    left: 0;
    opacity: 0 !important;
    position: absolute;
    top: 0;
    width: 100%;
}

.picture-src {
    width: 100%;
}

.del-img {
    position: relative;
    left: 100px;
    top: -20px;
    width: 20px;
    margin: auto;
}

img.upload {
    height: 14px;
    margin-top: -5px;
}


/*Profile Pic End*/

.my-profile {
    width: 100%;
    float: left;
    margin-top: 100px;
}


/* Style the tab */

.tab {
    float: left;
    background-color: #f8f8f8;
}


/* styling for My Library  */

img.download {
    height: 12px;
    margin-right: 3px;
    margin-top: -2px;
}

.invoice-bill,
.invoice-ship {
    background: #f8f8f8;
    padding: 30px;
}


/* Style the buttons inside the tab */

.tab button {
    display: block;
    background-color: inherit;
    padding: 0 20px;
    width: 100%;
    border: none;
    outline: none;
    text-align: left;
    cursor: pointer;
    transition: 0.3s;
    font-size: 16px;
    font-weight: bold;
}

.tab button.active {
    position: relative;
}

.tab button.active:after {
    left: 0;
    top: 10%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-color: rgba(255, 252, 252, 0);
    border-left-color: #000000;
    border-width: 6px;
}

.tab button.hide-arrow:after {
    border: none;
}

.tab button:hover {
    background-color: #transparent;
}

.tabcontentSection {
    float: left;
    border-left: none;
    padding-left: 75px;
}

button.tablinks.logout-btn {
    text-align: center;
    border: 2px solid #000;
    color: #000;
    padding-top: 5px;
    padding-bottom: 5px !important;
    margin: 0 70px;
    width: 150px;
    font-size: 14px;
}

.expTags:hover {
    border-color: #0055b8;
}

.subscription-name {
    font-size: 20px;
    font-weight: bold;
}

p.date {
    font-size: 12px;
    color: #9E9E9E;
    margin-top: 30px;
}

span.number {
    background: #000;
    color: #fff;
    padding: 2px 6px;
    border-radius: 50%;
    margin-right: 5px;
}

.nav-tabs {
    border-bottom: none !important;
}

.taxonomy {
    display: flex;
}

.taxonomy>.active {
    border-bottom: 5px solid #0055b8;
    margin-bottom: 0px;
    padding-bottom: 0px;
}

.taxonomy>li {
    text-align: center;
    flex: auto;
    width: auto;
    border-bottom: 2px solid #808080;
}

.taxonomy>li>a {
    padding-left: 0;
    border: none !important;
    font-weight: bold;
    color: #555 !important;
}

.taxonomy>li.active>a,
.taxonomy>li.active>a:focus,
.taxonomy>li.active>a:hover {
    color: #555 !important;
}

.myprofile {
    padding: revert;
}

.myprofile>.active {
    border-bottom: 3px solid #0055b8;
    margin-bottom: 0px;
    padding-bottom: 0px;
    width: fit-content;
}


/* .myprofile >li {
		width: 23%;
		border-bottom: 2px solid #808080;
} */

.myprofile>li>a {
    padding-left: 0;
    border: none !important;
    font-weight: bold;
    color: #555 !important;
    text-decoration: none;
}

.myprofile>li.active>a,
.myprofile>li.active>a:focus,
.myprofile>li.active>a:hover {
    color: #555 !important;
}

.nav>li>a:focus,
.nav>li>a:hover {
    background-color: transparent;
}

.savedArticle {
    padding: revert;
}

.savedArticle>.active {
    border-bottom: 3px solid #0055b8;
    margin-bottom: 0px;
    padding-bottom: 0px;
    width: fit-content;
}

.savedArticle>li>a {
    padding-left: 0;
    border: none !important;
    font-weight: bold;
    color: #555 !important;
    text-decoration: none;
}

.savedArticle>li.active>a,
.savedArticle>li.active>a:focus,
.savedArticle>li.active>a:hover {
    color: #555 !important;
}

.icon-addon {
    position: relative;
    display: block;
}

.icon-addon.addon-md .glyphicon,
.icon-addon .glyphicon,
.icon-addon.addon-md .fa,
.icon-addon .fa {
    position: absolute;
    z-index: 2;
    right: 10px;
    padding: 15px 0;
    margin: auto;
}

a.show_password1,
a.show_password2,
a.show_password3 {
    color: inherit;
    text-decoration: none;
}

.display-flex {
    display: flex;
    flex-wrap: wrap;
}


/* Popup container - in account-dashboard */

#bookLogoId {
    background-image: url("../images/LJSubscription_2018Website_300px.jpg");
    background-repeat: no-repeat;
    display: inline-block;
    height: 200px;
    background-size: 100%;
}

.popup {
    position: relative;
    display: inline-block;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    float: right;
}


/* The actual popup */

.popup .popuptext {
    visibility: hidden;
    width: 135px;
    background-color: #e2e2e2d6;
    padding: 15px 15px;
    position: absolute;
    right: -15px;
    top: -5px;
    /* z-index: -1; */
    list-style-type: none;
    margin: auto;
}

li.popup-list.active {
    margin-bottom: 5px;
    border-bottom: 2px solid #a9535e;
    padding-bottom: 4px;
    cursor: pointer;
}


/* Toggle this class - hide and show the popup */

.popup .show {
    visibility: visible;
}


/* New design for popup login */

ul.dropdown-menu-login {
    margin-top: 10px !important;
    /* right: 50px !important; */
    background: #eee;
    border: none;
    box-shadow: none;
    height: auto !important;
    min-width: 250px !important;
}

.error-color {
    background: #0055b8;
    color: #fff;
    padding: 5px;
}

ul.dropdown-menu-login:before {
    content: "";
    position: relative;
    display: block;
    top: -19px;
    left: 100px;
    width: 0;
    height: 0;
    border-left: 15px solid transparent;
    /* left arrow slant */
    border-right: 15px solid transparent;
    /* right arrow slant */
    border-bottom: 15px solid #eee;
    /* bottom, add background color here */
    font-size: 0;
    line-height: 0;
    margin: auto;
}


/* New design for popup after login */

ul.account-nav {
    background: #f2f2f2;
}

.dropdown-menu>li>a {
    color: #428bca;
}

ul.account-nav:before {
    content: "";
    border-bottom: 10px solid #f2f2f2;
    border-right: 10px solid transparent;
    border-left: 10px solid transparent;
    position: absolute;
    top: -10px;
    right: 16px;
    z-index: 10;
}

.dropdown-menu>li>a:focus,
.dropdown-menu>li>a:hover,
.dropdown-menu>li>a:active {
    color: inherit;
    background: inherit;
    border-bottom: inherit;
    text-decoration: underline;
}


/* Embargoed content registration  */

.modal-content {
    border-radius: 0 !important;
    border: none !important;
}

.close,
.subclose,
.meterNoteclose,
.meterNoteopen {
    opacity: 1 !important;
    font-size: 12px !important;
    font-weight: 100 !important;
}

.back-home-close {
    -webkit-appearance: none;
    padding: 0;
    cursor: pointer;
    background: 0 0;
    border: 0;
    margin: 5px;
    text-decoration: underline;
    font-size: 11px;
}

.close:hover {
    opacity: 1 !important;
}

.meter-login:hover {
    color: #000000 !important;
}

.modal-header {
    border-bottom: none !important;
}

.divide-line {
    width: 100% !important;
    text-align: center;
    border-bottom: 1px solid #d8d8d8;
    line-height: 0.1em !important;
}

.divide-line span {
    background: #fff;
    padding: 0 10px;
    font-size: 12px;
    position: relative;
    top: 5px;
    font-weight: bold;
}


/* Himanshu */

.checkout-section {
    border: 1px solid #000;
    padding: 15px 20px;
    margin-bottom: 20px;
}

.checkout-section-heading {
    line-height: 1;
    margin-bottom: 0px;
    display: inline-block;
}

.checkout-section-content {
    padding: 20px 0px;
    font-size: 16px;
}

.checkout-page .form-group {
    /* margin-bottom: 0px; */
}

.checkout-page .form-group.required .control-label:after {
    top: 0px;
}

.checkout-billing-detail {
    width: 100%;
    float: left;
    background-color: #f2f2f2;
    padding: 0 20px;
    /* margin: 0px 15px; */
}

.checkout-billing-detail>.heading {
    text-align: center;
    margin-top: 30px;
    margin-bottom: 20px;
    letter-spacing: 5px;
}

.edit-link {
    float: right;
    color: #a09e9e;
    text-decoration: underline;
}

.order-qty {
    width: 25%;
    background: #f2f2f2;
    border: none;
    text-align: right;
}

.degital-subscription-qty {
    font-weight: bold;
    line-height: 1.8;
    /* display: inline; */
    float: left;
}

.checkout-order-list {
    padding: 5px 0px;
    width: 100%;
    float: left;
}

.checkout-amount {
    float: right;
}

.hide {
    display: none;
}

.centered-modal.in {
    display: flex !important;
}

.centered-modal .modal-dialog {
    margin: auto;
    width: 350 !important;
}

.width-mob {
    width: 450px !important;
}

.top-center-content {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    line-height: 20px;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}


/* Styling for subcription page */

.col-md-width20 {
    width: 20%;
}

.description-box {
    border: 1px solid #9E9E9E;
    padding: 20px;
    text-align: center;
    /* height: 1350px; */
    height: 800px;
}

.description-box2 {
    border: 1px solid #9E9E9E;
    padding: 20px;
    text-align: center;
}

.description-box:hover {
    border-color: #0000FF;
}

.fa-check:before {
    margin-right: 10px;
}

.option-block {
    background: #eee;
    padding: 20px;
    width: 100%;
    float: left;
}


/* Search Result Page Styling  */

.searchResult>.active {
    border-bottom: 5px solid #0055b8;
    margin-bottom: 0px;
    padding-bottom: 0px;
}

.searchResult>li {
    width: 22%;
    border-bottom: 2px solid #808080;
}

.searchResult>li>a {
    padding-left: 0;
    border: none !important;
    font-weight: bold;
    color: #555 !important;
}

.searchResult>li.active>a,
.searchResult>li.active>a:focus,
.searchResult>li.active>a:hover {
    color: #555 !important;
}

label.fa.fa-search {
    padding: 0 !important;
    top: 15px;
}


/* Header search result according to new mockup  */

.search-form {
    position: absolute;
    z-index: 10;
    top: 110px;
}

.search-bar-container {
    background: #000;
    height: 100px;
}

#imaginary_container {
    float: left;
}

input.form-control.search-box {
    border: transparent;
    border-bottom: 2px solid #ddd;
    font-size: 30px;
    background: #000;
    color: #fff;
    padding: 0;
}

input.form-control.search-box:focus {
    border: transparent;
    border-bottom: 2px solid #fff;
}

.stylish-input-group .input-group-addon {
    background: #000 !important;
    border-color: transparent;
    border-bottom: 2px solid #ddd;
    padding: 0;
    border-radius: 0;
}

.stylish-input-group .form-control {
    border-right: 0;
    box-shadow: 0 0 0;
    border-color: #fff;
}

.stylish-input-group button {
    border: 0;
    background: transparent;
}

.glyphicon-search:before {
    font-size: 24px;
    color: #fff;
}

.search-box::placeholder {
    color: #fff !important;
}

.comment-row {
    padding: 10px 0px;
    width: 100%;
    float: left;
}


/* Styling for Shopping Cart page */

#itemCount {
    position: absolute;
    text-align: center;
    right: 5px;
    top: 7px;
    width: 22px;
    height: 22px;
    background: #000;
    color: #fff;
    border-radius: 50%;
    line-height: 1.5;
}

img.cart {
    margin-right: 20px;
}

.book-title-name {
    width: 100%;
    float: left;
    margin-top: 10px;
}

.price {
    width: 100%;
    float: left;
    margin-bottom: 10px;
    font-weight: bold;
}

.quote {
    width: 100%;
    float: left;
    margin-top: 20px;
}

h5.heading {
    letter-spacing: 5px;
}

.cart_content {
    padding: 0 20px 20px;
}


/* style for comments */

.comments {
    border: 1px solid #ddd;
    background: #f5f5f5;
    padding: 10px;
    width: 100%;
    float: left;
}

.commenter-bio {
    padding: 8px 10px;
    background: #e5e5e5;
    width: 100%;
    float: left;
}

.commenter-img {
    background-color: #fff;
    float: left;
    height: 35px;
    margin: 0 5px 0 0;
    padding: 4px;
    width: 35px;
}

.commenter-name {
    font-size: 13px;
    font-weight: bold;
    /* color: #000; */
}

.comment-meta {
    font-size: 12px;
}

.comment-content {
    font-size: 13px;
    width: 100%;
    float: left;
}

.comment-content p {
    padding: 15px 0;
}

.comment-reply-button {
    background: none;
    border: none;
    text-decoration: underline !important;
    color: #333;
    font-size: 12px;
}

.comment-reply-button:hover {
    color: #0055b8 !important;
}

.login-or-register-box {
    font-family: 'Portrait Medium';
    font-weight: 500;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: 1px;
    text-align: center;
    color: #000000;
    font-size: 25px;
    float: left;
    width: 100%;
    padding: 20px 0px;
    border: 3px solid #333;
}

.comment-user-img {
    float: left;
    height: 40px;
    padding: 0px 2px;
}

.sub-comment-user-img {
    float: left;
    height: 38px;
}

.comment-user-text {
    height: 41px;
    /* background: #e4e3e3; */
    font-size: 23px;
    padding: 3px 0px;
    text-align: center;
    border: 1px solid #ff0000;
}


/* newsletter notification */

#note {
    display: none;
    position: fixed;
    bottom: 0;
    right: 0;
    width: 100%;
    background: #000;
    z-index: 10;
}

#subnote {
    display: none;
    position: fixed;
    bottom: 0;
    right: 0;
    width: 100%;
    background: #0055b8;
    z-index: 10;
}

#meternote,
#freemeternote {
    /* font-family: 'Portrait Medium'; */
    display: none;
    position: fixed;
    bottom: 0;
    right: 0;
    width: 100%;
    background: #0055b8;
    z-index: 10;
    box-shadow: 0 0 30px #808080;
    line-height: 1;
    letter-spacing: 1px;
}

#smallmeternote {
    /* font-family: 'Portrait Medium'; */
    display: none;
    position: fixed;
    bottom: 0;
    right: 0;
    width: 100%;
    background: #0055b8;
    z-index: 10;
    box-shadow: 0 0 30px #808080;
}


/* #hardPaywallMode, #meterExhaustMode, #hardPaywallReviewMode{
	font-family: 'Portrait Medium';
} */

.meter-num,
.meter-small-num {
    font: icon;
    color: #ffffff;
    /* font-weight: bolder; */
    /* display:inline-flex; */
}

.meter-text {
    margin-left: 18%;
    font-size: 30px;
    font-family: Arial;
    line-height: normal;
}

.paywall-text {
    font-size: 14px;
    line-height: 1.5;
}

.paywall-text img {
    width: 100%;
}

.paywall-text a {
    text-decoration: underline;
}

.paywall-text p {
    padding: 0 15px;
}

.btn-white {
    color: #0055b8;
    background-color: #ffffff;
}

.btn-white:hover {
    color: #ffffff;
    background-color: #000;
    box-shadow: 0 0 20px #0f0f0f;
}

.btn-subscribe-meter {
    font-size: 13px;
    font-weight: bold;
    letter-spacing: 2px;
    line-height: 1;
}

.sub-btn-black {
    color: #fff;
    background-color: #000;
}

.sub-btn-black:hover {
    color: #0055b8;
    background-color: #fff;
    border-color: #0055b8;
}

.close,
.subclose,
.meterNoteclose,
.meterNoteopen {
    /* background: transparent url('../images/cross1.png') 0 0 no-repeat; */
    position: absolute;
    top: 10px;
    right: 15px;
    display: block;
}


/* .meterNoteopen{
	position: absolute;
    top: 10px;
	right: 15px;
	display: none;
} */

.commentStatusMessage {
    font-family: 'Portrait Medium';
    font-weight: 500;
    font-style: normal;
    font-stretch: normal;
    line-height: 1;
    letter-spacing: normal;
    color: #f13636;
    font-size: 21px;
    border: 1px solid;
    margin-top: 50px;
    padding: 10px 7px;
    width: 100%;
    float: left;
}


/* Styling for upgrade subscription */

.upgrade-heading {
    background: #000;
    color: #fff;
    padding: 10px;
    text-align: center;
    font-family: 'AkzidenzGroteskBQ-Reg';
    font-size: 12px;
    letter-spacing: 2.4px;
    text-transform: uppercase;
    font-weight: bold;
}

.current {
    background: #777;
}

.pointerEvent-none {
    pointer-events: none;
}

.cursor-notAllowed {
    cursor: not-allowed;
}

.pointer-disable {
    pointer-events: none;
}

.pointer-enable {
    pointer-events: auto;
}

.bullet:before {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    top: 8px;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    display: inline-block;
    background: #333;
}

.no_visible {
    visibility: hidden;
}

.myclasss {
    height: 60px;
    z-index: 0;
    /* background-color: #121212; */
    background: linear-gradient(transparent, #000);
    opacity: 1;
}

.position_absolute {
    position: absolute;
}

.uploadnDelete {
    right: 0px;
}

.maskingHeight {
    height: 80px;
    overflow: hidden;
}

.maskingContent {
    position: absolute;
    height: 80px;
    background: linear-gradient(transparent, #fff);
}


/* dropdown for header in More */

.dropdownlist::before {
    content: "";
    position: relative;
    display: block;
    top: -10px;
    right: 0;
    left: 40px;
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 10px solid #ebebeb;
    font-size: 0;
    line-height: 0;
    /* margin: auto; */
}

ul.dropdownlist {
    padding: 0;
    list-style: none;
    background: #ebebeb;
}

ul li ul.dropdownlist {
    min-width: 100%;
    /* Set width of the dropdown */
    display: none;
    position: absolute;
    z-index: 999;
    left: 0;
    width: 165px;
}

.secondLevelTaxonomy-dropdown {
    width: 186px !important;
    /* height: 400px; */
    /* overflow-y: scroll; */
}

ul li:hover ul.dropdownlist {
    display: block;
    /* Display the dropdown */
}

ul li ul.dropdownlist li {
    display: flex;
    margin-bottom: 15px;
}

ul li ul.dropdownlist li a {
    padding: 0 5px !important;
    font-size: 16px;
    text-align: left;
}


/* End  */

.pagination-arrow {
    /* float: left; */
    border: 2px solid #000;
    height: 34px;
    width: 34px;
    border-radius: 20px;
    display: inline-block;
}


/* .pagination-arrow:hover{
  color: #0055b8;
  border-color: #0055b8;
} */

.pagination-arrow>i {
    padding: 7px 0px;
    padding-left: 3px;
}

.pagination>li>a,
.pagination>li>span {
    border: none !important;
    font-size: 16px;
}

.pagination>.active>span {
    color: initial !important;
    background-color: transparent !important;
    border-color: transparent !important;
    margin: 6px 10px;
    padding: 0px 2px;
    text-decoration-color: #0055b8;
    border-bottom: 2px solid #0055b8 !important;
}

.page-link.prev,
.page-link.next,
.current.prev,
.current.next {
    padding-top: 0;
    padding-bottom: 0;
}

.page-link.prev:hover>.pagination-arrow,
.page-link.next:hover>.pagination-arrow {
    color: #0055b8 !important;
    border-color: #0055b8;
}

.pagination>.disabled>span>div {
    border-color: #777;
}

.view-more-comments {
    color: #989494;
    background: #eee;
    font-weight: 700;
    font-size: 18px;
    letter-spacing: 1px;
}


/* styling for tooltip */

.tooltip {
    position: relative;
    display: contents;
    opacity: inherit !important;
    cursor: pointer;
}

.tooltip .tooltiptext {
    visibility: hidden;
    width: 236px;
    background-color: #ccc;
    color: #000;
    font-size: 14px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: normal;
    padding: 20px 14px;
    position: absolute;
    z-index: 1;
    top: -75px;
    left: 93%;
}

.tooltip .tooltiptextrtl {
    visibility: hidden;
    width: 236px;
    background-color: #ccc;
    color: #000;
    font-size: 14px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: normal;
    padding: 16px 14px;
    position: absolute;
    z-index: 1;
    top: -75px;
    left: 63%;
}

.tooltip .tooltiptextrtl::after {
    content: "";
    position: absolute;
    top: 100%;
    left: 8%;
    margin-left: -5px;
    border-width: 8px;
    border-style: solid;
    border-color: #ccc transparent transparent transparent;
}

.tooltip:hover .tooltiptextrtl {
    visibility: visible;
}

.tooltip .tooltiptextrtl {
    left: 30%;
}

.tooltip .tooltiptextrtl::after {
    left: 80%;
}

.tooltip .tooltiptext::after {
    content: "";
    position: absolute;
    top: 100%;
    left: 8%;
    margin-left: -5px;
    border-width: 8px;
    border-style: solid;
    border-color: #ccc transparent transparent transparent;
}

.tooltip:hover .tooltiptext {
    visibility: visible;
}

.review-list {
    height: 500px;
    margin-top: 10px;
    margin-bottom: 20px;
}

.menu {
    display: none;
    color: #ccc !important;
    line-height: 2;
    font-size: 16px;
}

.menu>li>a {
    color: #ccc !important;
}

.menu.open {
    display: block;
}


/* CSS for static page */

.description-container {
    width: 100%;
    float: left;
    border: 2px solid #9E9E9E;
    padding: 20px;
}

.sponsorship-img-div img {
    width: 100%;
}

.btn-default-red[disabled] {
    cursor: not-allowed;
    filter: alpha(opacity=65);
    -webkit-box-shadow: none;
    box-shadow: none;
    opacity: .65;
}

.data-collection-form-button {
    width: 36% !important;
    background-color: #cc0000 !important;
    padding: 15px 15px;
    border: 1px solid #cc0000 !important;
    -moz-border-radius: 3px !important;
    -webkit-border-radius: 3px;
    border-radius: 3px !important;
    font-size: 18px !important;
    font-weight: 700;
    font-style: normal;
    line-height: 18px;
    color: #ffffff !important;
    background-color: #cc0000 !important;
}

.sweep-stakes-2018-form-success {
    font-size: 28px;
    border: 4px solid #000000;
    text-align: center;
    float: left;
    width: 100%;
    color: #000000;
}

.sweep-stakes-2018-form-error {
    font-size: 28px;
    border: 4px solid #0055b8;
    text-align: center;
    float: left;
    width: 100%;
    color: #0055b8;
}

.top-story-hr:last-child {
    display: none;
}

.subscription-filed {
    font-size: 16px;
    /* font-weight: bold; */
    margin-top: 4px;
}

.underline {
    text-decoration: underline;
}

.mask-body {
    background-color: rgba(0, 0, 0, .35);
    visibility: visible;
    opacity: 1;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    overflow-x: hidden;
    overflow-y: auto;
    z-index: 999999;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: background-color .2s linear, opacity .2s ease;
    will-change: background-color, visibility, opacity;
}

.institution-heading {
    font-size: 16px;
    font-weight: bold;
}

.intitution-loader {
    font-size: 20px;
    position: absolute;
    /* top: 43px; */
    right: 20px;
}

.reg-intitution-loader {
    top: 43px;
}

.popup-intitution-loader {
    top: 37px;
}

.myprofile-intitution-loader {
    top: 37px;
}

#myDropdown {
    max-height: 160px;
    /* display: none; */
    overflow-y: auto;
    width: 96.8%;
    top: 86%;
    left: 9px;
}

#embargoedMyDropdown {
    width: 91.4%;
    overflow-y: scroll;
    max-height: 140px;
    left: 13.5px;
    top: 97%;
    height: auto;
}

#myProfileDropdown {
    overflow-y: scroll;
    height: auto;
    max-height: 140px;
    top: 96%;
    left: 14px;
    width: 93.3%;
}

#checkoutRegZipcodeDropdown {
    width: 100%;
    overflow-y: scroll;
    max-height: 140px;
    /* left: 7px; */
    top: 97%;
    height: auto;
}

.third-level-reply-button {
    padding-left: 0px;
    /* background-color: #ddd; */
    background-image: linear-gradient(to right, #ddd, white);
    /* margin-bottom: 20px; */
}

.unset-height {
    height: unset;
}

.post-comment-loader {
    float: right;
    font-size: 16px;
}

.allign {
    text-align: center;
}


/* Style for reCaptcha - mobile view */

@media screen and (max-width: 425px) {

    #rc-imageselect,
    .g-recaptcha {
        transform: scale(0.86);
        -webkit-transform: scale(0.86);
        transform-origin: 0 0;
        -webkit-transform-origin: 0 0;
    }

    #rc-imageselect,
    .g-recaptcha1 {
        transform: scale(0.86);
        -webkit-transform: scale(0.86);
        transform-origin: 0 0;
        -webkit-transform-origin: 0 0;
    }

    .description-box {
        height: auto !important;
    }

    .sub-comment-row {
        margin-left: -59px;
        width: 133%;
    }

    .mb-view {
        font-size: 21px !important;
    }

    .mb-vw {
        font-size: 9px;
    }

    .text-justify {
        margin-right: auto;
        margin-left: auto;
        /* width: 21em; */
        text-align: justify;
        font-size: 8px;
    }

    .third-level-comment-row {
        margin-left: -124px;
        width: 210%;
        padding-left: 0px;
        /* background-color: #ddd; */
        background-image: linear-gradient(to right, #ddd, white);
    }

    .third-level-reply-button {
        padding-left: 0px;
        /* background-color: #ddd; */
        background-image: none;
        /* margin-bottom: 20px; */
    }
}

.comment-policy {
    padding-left: 18px;
}

.topic-comment-bubble {
    float: right;
    margin-top: -50px;
    margin-bottom: 10px;
    position: relative;
}

img.article-btn {
    width: 38px;
    height: 38px;
    margin-bottom: 10px;
    cursor: pointer;
}

a#save-article:hover {
    color: #fff !important;
    text-decoration: none;
}


/* Start -- Print Invoice CSS : for PDF */

@media print {
    .print-invoice-header {
        width: 100%;
        float: left;
        color: #fff;
        background-color: #250265;
        font-size: 32px;
        font-weight: bold;
        /* padding-left: 4px; */
        /* border: 1px solid #ddd; */
    }

    .bill-to-column {
        width: 50%;
        float: left;
    }

    .inv-number-column {
        width: 50%;
        float: left;
    }

    .titlt-invoice {
        float: right !important;
        font-family: initial;
        font-weight: normal;
        margin-right: 5px;
    }

    .table-head {
        background-color: #d0d0d0;
    }

    .b-unset {
        border: unset !important;
        border-color: #fff !important;
    }

    .bt-unset {
        border-top: unset !important;
        border-top-color: #fff !important;
    }

    .br-unset {
        border-right: unset !important;
        border-right-color: #fff !important;
    }

    .bb-unset {
        border-bottom: unset !important;
        border-bottom-color: #fff !important;
    }

    .bl-unset {
        border-left: unset !important;
        border-left-color: #fff !important;
    }
}


/* End -- Print Invoice CSS : for PDF */


/* ============================================================ */


/* Styling for SLJ site that is the theme style file (theme.css) */


/* ============================================================ */


/* editable dropdown formatting */

.edit-dropdown-div {
    height: 80px;
}

.edit-dropdown-input {
    padding-left: 25px;
}


/*Giving Edit options for Dropdown Options to save new value For DropDown*/

.editOption {
    width: 90% !important;
    height: 24px;
    position: relative;
    top: -42px;
    padding-bottom: 24px !important;
    border-right: none !important;
    border-bottom: none !important;
    font-size: 120%;
    /* color: dimgray; */
}

.editOptionCheckout {
    width: 90% !important;
    height: 41px;
    position: relative;
    top: -42px;
    padding-bottom: 4px !important;
    border-right: none !important;
    border-bottom: none !important;
    border-left-width: 1px;
    border-top-width: 1px;
    font-size: 120%;
    border-color: black;
    padding-left: 20px !important;
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
    /* color: dimgray; */
}

.editOptionMyprofile,
.editOptionEmbargoed {
    width: 90% !important;
    height: 41px;
    position: relative;
    top: -42px;
    padding-bottom: 4px !important;
    border-right: none !important;
    border-bottom: none !important;
    border-left-width: 1px;
    border-top-width: 1px;
    font-size: 120%;
    border-color: black;
    padding-left: 20px;
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
    /* color: dimgray; */
}

.blackborder {
    border-color: black !important;
}

.redborder {
    border-color: #db1a21 !important;
}


/*
Giving Edit options for Dropdown Options to save new value For DropDown End Here*/


/* Button Plate */

.btn-default-gray {
    font-family: 'AkzidenzGroteskBQ-Reg';
    height: 40px;
    background-color: #ffffff;
    border: solid 2px #d2d2d2;
    padding: 12px 20px;
    font-size: 12px;
    font-weight: bold;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: 2.4px;
    text-align: center;
    color: #d2d2d2;
    margin: 0px;
}

.btn-default-gray:focus,
.btn-default-gray:hover {
    outline: none !important;
    border-color: #0055b8;
    color: #0055b8;
    box-shadow: none;
}

.full-color-btn-white:hover {
    background-color: #000000;
    color: #fff;
}

.full-color-btn-white {
    font-family: 'AkzidenzGroteskBQ-Reg';
    height: 35px;
    background-color: #fff;
    padding: 8px 20px;
    font-size: 12px;
    font-weight: bold;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: 2.4px;
    text-align: center;
    color: #000;
    margin: 0px;
}

.full-color-btn-black:hover {
    background-color: #ffffff;
    border: 2px solid #000000;
}

.full-color-btn-black:focus {
    background-color: #000;
    color: #fff;
}

.full-color-btn-black {
    font-family: 'AkzidenzGroteskBQ-Reg';
    height: 35px;
    background-color: #000;
    padding: 8px 20px;
    font-size: 12px;
    font-weight: bold;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: 2.4px;
    text-align: left;
    color: #fff;
    margin: 0px;
}

.full-color-btn-grey {
    font-family: 'AkzidenzGroteskBQ-Reg';
    height: 35px;
    background-color: #d2d2d2;
    padding: 8px 20px;
    font-size: 12px;
    font-weight: bold;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: 2.4px;
    text-align: left;
    color: #fff;
    margin: 0px;
}


/* Header text */

h4 {
    font-weight: bold;
    line-height: 25px;
    margin-top: 30px;
}

h5 {
    font-size: 16px;
    font-weight: bold;
    margin-top: 0;
    line-height: 25px;
}


/* Border color */

.border-bottom {
    border-bottom: 2px solid #ccc !important;
}

.red {
    color: #0055b8;
}

.blue {
    color: #0055b8;
}

.white {
    color: #fff !important;
}

.gray {
    color: #ccc !important;
}

.bg-gray {
    background: #ebebeb;
}

.border-bottom-red {
    border-bottom: 2px solid #0055b8;
}

.border-line {
    padding-top: 10px;
    margin: 0;
    width: 100%;
    border-top: 0;
    border-bottom: solid 2px #ccc;
}


/*form element styles begin*/

input[type="text"],
input[type="password"],
input[type="number"],
textarea {
    box-sizing: border-box;
    border: 1px solid #000;
    /* border-radius: 2px; */
    height: 42px;
    padding: 10px 20px;
    font-size: 16px;
    background: #FFF;
    box-shadow: none;
    width: 100%;
}

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

input[type="email"],
input[type="password"],
textarea {
    box-sizing: border-box;
    border: 1px solid #000;
    /* border-radius: 2px; */
    height: 42px;
    padding: 10px 20px;
    font-size: 16px;
    background: #FFF;
    box-shadow: none;
    width: 100% !important;
}

input[type="text"]:focus {
    outline-color: #0055b8 !important;
    box-shadow: none !important;
}

select {
    /* border-radius: 2px !important; */
    border: 1px solid #000 !important;
    box-sizing: border-box;
    height: 42px;
    font-size: 16px;
    box-shadow: none;
    padding-left: 15px !important;
    appearance: none;
    cursor: pointer;
    background: #fff;
}


/*radio button and checkbox */

input[type=checkbox],
input[type=radio] {
    display: none;
}

label.radio,
label.small-checkbox {
    display: inline-block;
    cursor: pointer;
    position: relative;
    padding-left: 25px;
    margin-right: 0px;
    font-size: 14px;
    font-weight: 400;
    margin-bottom: 0;
    padding-top: 0px;
}

label.tax-checkbox {
    margin-left: 322px;
    display: none;
}

label.radio:before {
    border-radius: 50%;
}

input[type=checkbox].small-checkbox:checked+label:before {
    content: "\f00c";
    font-family: FontAwesome;
    font-size: 14px;
    background: #000;
    color: #FFF;
    text-align: center;
    line-height: 15px;
    border: 1px solid #000;
}

input[type=radio]:checked+label:before {
    content: "\2022";
    font-family: "Times New Roman", Times, serif;
    color: #fff;
    font-size: 30px;
    text-align: center;
    line-height: 18px;
    background: #000;
    border: none;
}

label.radio:before,
label.small-checkbox:before {
    content: "";
    display: inline-block;
    width: 17px;
    height: 17px;
    margin-right: 10px;
    position: absolute;
    left: 0;
    bottom: 0;
    top: -1px;
    border: 1px solid #000;
    background-color: #fff;
    box-sizing: border-box;
    margin-top: 3px;
}

.form-control {
    border-radius: 0 !important;
}


/* Hover Color Code  */

.btn.active.focus,
.btn.active:focus,
.btn.focus,
.btn:active.focus,
.btn:active:focus,
.btn:focus {
    outline: none !important;
}

a {
    color: #333 !important;
}

a:hover {
    color: #0055b8 !important;
}

.fa-arrow-right:before,
.fa-arrow-left:before {
    color: #0055b8 !important;
}

:focus {
    outline-color: #0055b8 !important;
}

input[type=number]::-webkit-inner-spin-button {
    opacity: 1;
}

.btn.active {
    box-shadow: none;
}

.premium-tag {
    font-family: Akzidenz Grotesk bold;
    font-size: 10px;
    font-style: normal;
    font-stretch: normal;
    line-height: 2.4;
    letter-spacing: 0.7px;
    color: #ffffff;
    background: #999999;
    padding: 7px 8px 5px 8px;
}


/* ============================================================ */


/* Styling for SLJ site that is the utility style file (utilities.css) */


/* ============================================================ */

body {
    font-family: 'AkzidenzGroteskBQ-Reg';
}

.highlight {
    border: 1px solid red;
}

.height_100 {
    height: 100px;
}

.height_150 {
    height: 150px;
}

.height_200 {
    height: 200px;
}

.height_300 {
    height: 300px;
}


/* Display ************************************************/

.display-none {
    display: none !important;
}

.display-inline {
    display: inline;
}

.display-block {
    display: block;
}

.display-inline-block {
    display: inline-block;
}


/* Font Ffamily ********************************************/

.akzidenz-grotesk-roman {
    font-family: 'AkzidenzGroteskBQ-Reg';
}

.akzidenz-grotesk-bold {
    font-family: 'Akzidenz Grotesk Bold';
}

.portrait {
    font-family: 'Portrait';
}

.portrait-medium {
    font-family: 'Portrait Medium';
}

.akzidenz-grotesk-regular {
    font-family: 'AkzidenzGroteskBQ-Reg';
}


/*Float ***************************************************/

.float-left {
    float: left !important;
}

.float-right {
    float: right !important;
}

.float-left-resp {
    float: left !important;
}

.float-right-resp {
    float: right !important;
}


/*Font Size ***************************************************/

.fs_10 {
    font-size: 10px !important;
}

.fs_12 {
    font-size: 12px !important;
}

.fs_13 {
    font-size: 13px !important;
}

.fs_14 {
    font-size: 14px !important;
}

.fs_15 {
    font-size: 15px !important;
}

.fs_16 {
    font-size: 16px !important;
}

.fs_18 {
    font-size: 18px !important;
}

.fs_20 {
    font-size: 20px !important;
}

.fs_21 {
    font-size: 21px !important;
}

.fs_22 {
    font-size: 22px !important;
}

.fs_24 {
    font-size: 24px !important;
}

.fs_32 {
    font-size: 32px !important;
}

.fs_36 {
    font-size: 36px !important;
}

.fs_42 {
    font-size: 42px !important;
}

.fs_50 {
    font-size: 50px !important;
}

.fs_60 {
    font-size: 60px !important;
}

.fspt_54 {
    font-size: 54pt !important;
}

.fs_12pt {
    font-size: 12pt !important;
}

.fs_14pt {
    font-size: 14pt !important;
}

.fs_15pt {
    font-size: 15pt !important;
}

.fs_54pt {
    font-size: 54pt !important;
}


/*Font Weight ***************************************************/

.fb {
    font-weight: bold !important;
}

.bold {
    font-weight: bold !important;
}

.font-weight-100 {
    font-weight: 100 !important;
}

.pointer {
    cursor: pointer !important;
}

q {
    quotes: "“" "”";
}


/*Margin ***************************************************/

.no-margin {
    margin: 0 !important;
}

.m_10 {
    margin: 10px !important;
}

.m_15 {
    margin: 15px !important;
}

.m_20 {
    margin: 20px !important;
}

.m_25 {
    margin: 25px !important;
}

.m_30 {
    margin: 30px !important;
}


/*Margin Bottom ***************************************************/

.mb_0 {
    margin-bottom: 0px !important;
}

.mb_2 {
    margin-bottom: 2px !important;
}

.mb_5 {
    margin-bottom: 5px !important;
}

.mb_8 {
    margin-bottom: 8px !important;
}

.mb_10 {
    margin-bottom: 10px !important;
}

.mb_15 {
    margin-bottom: 15px !important;
}

.mb_20 {
    margin-bottom: 20px !important;
}

.mb_25 {
    margin-bottom: 25px !important;
}

.mb_30 {
    margin-bottom: 30px !important;
}

.mb_40 {
    margin-bottom: 40px !important;
}

.mb_50 {
    margin-bottom: 50px !important;
}

.mb_80 {
    margin-bottom: 80px !important;
}


/*Margin Left ***************************************************/

.ml_-40 {
    margin-left: -40px !important;
}

.ml_-30 {
    margin-left: -30px !important;
}

.ml_-20 {
    margin-left: -20px !important;
}

.ml_-10 {
    margin-left: -10px !important;
}

.ml_-5 {
    margin-left: -5px !important;
}

.ml_0 {
    margin-left: 0px !important;
}

.ml_5 {
    margin-left: 5px !important;
}

.ml_10 {
    margin-left: 10px !important;
}

.ml_15 {
    margin-left: 15px !important;
}

.ml_20 {
    margin-left: 20px !important;
}

.ml_25 {
    margin-left: 25px !important;
}

.ml_30 {
    margin-left: 30px !important;
}

.ml_40 {
    margin-left: 40px !important;
}

.ml_50 {
    margin-left: 50px !important;
}

.ml_80 {
    margin-left: 80px !important;
}

.ml_100 {
    margin-left: 100px !important;
}


/*Margin Right ***************************************************/

.mr_0 {
    margin-right: 0px !important;
}

.mr_1 {
    margin-right: 1px !important;
}

.mr_5 {
    margin-right: 5px !important;
}

.mr_4 {
    margin-right: 4px !important;
}

.mr_10 {
    margin-right: 10px !important;
}

.mr_15 {
    margin-right: 15px !important;
}

.mr_20 {
    margin-right: 20px !important;
}

.mr_18 {
    margin-right: 18px !important;
}

.mr_28 {
    margin-right: 28px !important;
}

.mr_30 {
    margin-right: 30px !important;
}

.mr_40 {
    margin-right: 40px !important;
}


/*Margin Top ***************************************************/

.mt_-3 {
    margin-top: -3px !important;
}

.mt_0 {
    margin-top: 0px !important;
}

.mt_5 {
    margin-top: 5px !important;
}

.mt_8 {
    margin-top: 8px !important;
}

.mt_10 {
    margin-top: 10px !important;
}

.mt_15 {
    margin-top: 15px !important;
}

.mt_20 {
    margin-top: 20px !important;
}

.mt_25 {
    margin-top: 25px !important;
}

.mt_30 {
    margin-top: 30px !important;
}

.mt_40 {
    margin-top: 40px !important;
}

.mt_50 {
    margin-top: 50px !important;
}

.mt_60 {
    margin-top: 60px !important;
}

.mt_70 {
    margin-top: 70px !important;
}

.mt_80 {
    margin-top: 80px !important;
}

.mt_85 {
    margin-top: 85px !important;
}

.mt_100 {
    margin-top: 100px !important;
}

.mt_140 {
    margin-top: 140px !important;
}


/*Padding ***************************************************/

.p_0 {
    padding: 0px !important;
}

.p_8 {
    padding: 8px !important;
}

.p_15 {
    padding: 15px !important;
}

.p_30 {
    padding: 30px !important;
}

.p_50 {
    padding: 50px !important;
}


/*Padding Bottom ***************************************************/

.pb_0 {
    padding-bottom: 0px !important;
}

.pb_5 {
    padding-bottom: 5px !important;
}

.pb_10 {
    padding-bottom: 10px !important;
}

.pb_15 {
    padding-bottom: 15px !important;
}

.pb_20 {
    padding-bottom: 20px !important;
}

.pb_30 {
    padding-bottom: 30px !important;
}

.pb_40 {
    padding-bottom: 0px !important;
}

.pb_50 {
    padding-bottom: 50px !important;
}

.pb_55 {
    padding-bottom: 55px !important;
}


/*Padding Left ***************************************************/

.pl_0 {
    padding-left: 0px !important;
}

.pl_5 {
    padding-left: 5px !important;
}

.pl_10 {
    padding-left: 10px !important;
}

.pl_15 {
    padding-left: 15px !important;
}

.pl_20 {
    padding-left: 20px !important;
}

.pl_30 {
    padding-left: 30px !important;
}

.pl_40 {
    padding-left: 40px !important;
}

.pl_50 {
    padding-left: 50px !important;
}


/*Padding Right ***************************************************/

.pr_0 {
    padding-right: 0px !important;
}

.pr_5 {
    padding-right: 5px !important;
}

.pr_10 {
    padding-right: 10px !important;
}

.pr_15 {
    padding-right: 15px !important;
}

.pr_20 {
    padding-right: 20px !important;
}

.pr_30 {
    padding-right: 30px !important;
}

.pr_40 {
    padding-right: 40px !important;
}

.pr_50 {
    padding-right: 50px !important;
}

.pr_140 {
    padding-right: 140px;
}

.pr_150 {
    padding-right: 150px;
}

.pr_160 {
    padding-right: 160px;
}


/*Padding Top ***************************************************/

.pt_0 {
    padding-top: 0px !important;
}

.pt_5 {
    padding-top: 5px !important;
}

.pt_10 {
    padding-top: 10px !important;
}

.pt_15 {
    padding-top: 15px !important;
}

.pt_20 {
    padding-top: 20px !important;
}

.pt_25 {
    padding-top: 25px !important;
}

.pt_30 {
    padding-top: 30px !important;
}

.pt_40 {
    padding-top: 40px !important;
}

.pt_50 {
    padding-top: 50px !important;
}

.pt_55 {
    padding-top: 55px !important;
}


/* Negative Margin and Padding***************************************************/

.nmt-5 {
    margin-top: -5px !important;
}

.nml-8 {
    margin-left: -8px !important;
}

.nmt_15 {
    margin-top: -15px !important;
}

.nmt-30 {
    margin-top: -30px !important;
}


/*Text Alignment ***************************************************/

.text-align-center {
    text-align: center !important;
}

.text-align-left {
    text-align: left !important;
}

.text-align-right {
    text-align: right !important;
}

.text-decoration-none {
    text-decoration: none !important;
}

.text-decoration-underline {
    text-decoration: underline !important;
}


/*Width ***************************************************/

.full-width {
    width: 100% !important;
}

.width-14 {
    width: 14%;
}

.width-20 {
    width: 20% !important;
}

.width_25 {
    width: 25%;
    float: left;
}


/*Border **********************************************/

.border-none {
    border: none !important;
}


/*Line Height ***************************************/

.line-height-20 {
    line-height: 20px !important;
}


/* =========================================================================== */


/* Styling for SLJ site (style.css) */


/* =========================================================================== */

.hero-image img {
    /* border: 1px solid #0055b8; */
    max-height: 525px;
    max-width: 100%;
}

.hero-image {
    max-width: 100%;
}

.header-type {
    font-size: 12px;
    color: #0055b8;
    margin-top: 20px;
    margin-bottom: 0px;
    font-weight: bold;
    letter-spacing: 2.4px;
    width: 100%;
    float: left;
}

.byline-detail>.header-line {
    border-bottom: 1px solid #0055b8;
    font-size: 15px;
}

.advertisement-blog img {
    /* border: 1px solid #0055b8; */
    max-height: 250px;
    max-width: 100%;
    /* background: #ddd; */
}

.advertisement-SLJblog {
    width: 728px;
    height: 90px;
    background: #ddd;
    margin: auto;
}

@media screen and (max-width: 600px) {
    .hero-image img {
        width: 100% !important;
        max-height: unset;
    }

    .story-para img {
        width: 100% !important;
        height: unset !important;
    }

    .advertisement-blog img {
        width: 100%;
        max-height: unset;
    }
}


/* =========================================================================== */


/* Styling for SLJ site (theme.css) */


/* =========================================================================== */

.theme-link {
    color: #0055b8 !important;
    /* color: #eb0000 !important; */
}

.select-state:invalid {
    color: #808080;
}

.select-state option {
    color: #000;
}

.btn-blue {
    color: #fff;
    background-color: #0055b8;
    letter-spacing: 2px;
}

.btn-blue:hover {
    color: #0055b8;
    background-color: white;
    text-decoration: none;
    border: 1px solid;
}


/* =========================================================================== */


/* Styling for SLJ site for responsive that is the media style file (media.css) */


/* =========================================================================== */


/* Container Start for desktop**********************************************************/

@media screen and (min-width: 1200px) {
    .container {
        padding-right: 0px;
        padding-left: 0px;
    }

    .home-featured-story {
        width: 840px;
        padding: 0;
    }

    #top-center-div {
        /* width: 630px; */
        width: 670px;
        padding: 0 30px;
    }

    #top-right-div {
        /* width: 210px; */
        width: 170px;
        padding: 0;
    }

    #top-left-div {
        width: 330px;
    }

    .width-md-up-300 {
        width: 300px !important;
    }

    .height-md-up-250 {
        height: 250px;
    }
}

@media screen and (min-width: 992px) and (max-width: 1199px) {
    .home-featured-story {
        width: 680px;
        padding: 0;
    }

    #top-center-div {
        width: 510px;
        padding: 0 30px;
    }

    #top-right-div {
        width: 170px;
        padding: 0;
    }

    #top-left-div {
        width: 260px;
    }

    /* .width-md-up-300 {
    width: 300px !important;
  } */
    .height-md-up-250 {
        height: 250px;
    }
}


/* Container Start**********************************************************/

@media screen and (max-width: 425px) {
    .container {
        padding-right: 0px;
        padding-left: 0px;
    }
}


/* Container End**********************************************************/


/* TOPIC page Start ********************************************************/

@media screen and (max-width: 425px) {
    .article_column {
        /* padding: 0px 0px; */
    }

    .book-review-list-image {
        width: 100%;
        min-width: 90px;
        max-width: 100px;
        min-height: 130px;
        float: right;
        padding-right: 15px;
    }

    .story-first-para {
        line-height: 1.1;
        font-size: 24px;
    }

    .TOPIC .topic_head p {
        font-size: 22px;
        line-height: 1.4;
        margin-bottom: 20px;
    }

    .TOPIC .topic_head .article_topic_type {
        font-size: 12px;
    }
}


/* TOPIC page End ********************************************************/


/* Images Start*************************************************************/

@media screen and (max-width: 425px) {
    .top-story-image-main {
        /* width: 100%; */
        /* height: 300px; */
        /* border: 1px solid green; */
    }

    .top-story-image-main-size {
        max-height: 300px;
        width: 100%;
    }

    .top-story-image-sub {
        width: 100%;
        /* height: 300px; */
        /* border: 1px solid green; */
    }

    .top-story-content {
        padding: 0px 10px;
    }

    .mob_ad_align {
        text-align: center;
    }
}

@media screen and (min-width: 426px) and (max-width: 767px) {
    .story-headline {
        font-size: 40px;
    }

    .top-story-image-main {
        width: 100%;
        /* height: 350px; */
        /* border: 1px solid green; */
    }

    .top-story-image-sub {
        width: 100%;
        /* height: 350px; */
        border: 1px solid green;
    }
}


/* Images End*************************************************************/


/* Padding for tab view Start***********************************************/

@media screen and (min-width: 768px) and (max-width: 991px) {
    .form-center {
        width: 100%;
    }

    .comment-desc {
        width: 46%;
        padding-left: 0px;
    }

    .book-review ul>li>a {
        padding: 0px;
    }

    .book-review-list-image {
        width: 100%;
        max-width: 190px;
        height: 290px;
    }

    .tab-fs-14 {
        font-size: 14px !important;
    }

    .tab-pl_0 {
        padding-left: 0px !important;
    }

    .tab-no-margin {
        margin: 0 !important;
    }

    .tab-pr_0 {
        padding-right: 0px !important;
    }

    .tab-full-width {
        width: 100%;
    }

    .tab-w-30 {
        width: 30px;
    }

    .tab-nml-5 {
        margin-left: -5px;
    }

    .taxonomy {
        display: flex !important;
        overflow-x: scroll;
    }

    .advertisement {
        padding: 15px 0 !important;
    }

    .meter-text {
        margin-left: 20px;
        margin-right: 20px;
        font-size: 20px;
    }
}


/* Padding for tab view End***********************************************/


/*advertisment homepage top left rail************/

@media screen and (min-width: 992px) and (max-width: 1200px) {
    .mob_ad_align {
        margin-left: -3em;
    }
}

@media screen and (min-width: 1025px) and (max-width: 1199px) {
    .icon-inline-flex {
        display: inline-flex;
    }
}


/* Header Start*************************************************************/


/* Topics Hover and dropdown */

@media screen and (min-width: 768px) {
    .form-center {
        margin: auto;
        float: none;
    }

    .advertisement-white .adv-inner {
        height: 90px;
    }

    .advertisement-white .adv-inner>h1 {
        margin-top: 25px;
        margin-bottom: 24px;
    }

    .book-column {
        padding-left: 40px;
        padding-right: 10px;
    }

    .book-review-landing-image {
        width: 100%;
    }

    .book-review-list .book-name {
        margin-top: 10px;
        margin-bottom: 10px;
    }

    .book-review-list .page-headline {
        text-align: left;
    }

    .checkout-billing-detail {
        /* margin: 0px 15px; */
    }

    .recommended {
        margin-top: 50px;
    }

    .recommended .review-headline {
        margin-bottom: 60px;
    }

    .subscribe-callout-today h3 {
        font-size: 24px;
    }

    #topics:hover {
        border-bottom: 2px solid #db4336;
    }

    /* #topics:hover div>#topicList {
      display: block !important;
  } */
    #topics:hover #topicList {
        display: block !important;
    }

    .open>.dropdown-menu {
        display: none;
    }

    .meternote_half {
        margin: 0;
        position: absolute;
        top: 50%;
        left: 70%;
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
    }
}


/* Topics Hover and dropdown */

@media screen and (max-width: 767px) {

    /* .review-list-img {
    height: 210px !important;
    width: 140px !important;
  } */
    .adv-top {
        /* height: 70px; */
    }

    .advertisement-white .adv-inner>h1 {
        margin: 5px 0px;
    }

    .book-list-section .upper {}

    .book-navigation {
        padding: 0px 20px;
        overflow-y: scroll;
    }

    .book-navigation>nav {
        width: 1111px !important;
    }

    .book-navigation .navbar-default .navbar-nav>li>a {
        margin: 15px 15px;
        padding: 0px;
        padding-bottom: 2px;
        font-size: 19px;
    }

    .book-review-detail {
        margin-bottom: 30px;
    }

    .book-review .review {
        text-align: left;
        font-size: 13pt;
    }

    .book-review-section {
        margin-top: 25px;
    }

    .book-review .review-tag-line {
        font-size: 16pt;
    }

    .book-review .book-name {
        font-size: 42px;
    }

    .book-review .byline-detail {
        font-size: 17px;
    }

    .book-review .book-detail {
        font-size: 17px;
    }

    .book-review-image {
        width: 175px;
        height: 260px;
    }

    .book-review-list .book-name {
        font-size: 26px;
        margin-bottom: 15px
    }

    .book-review-list .book-headline {
        font-size: 19px;
        line-height: 1.2;
    }

    .book-review-list>.topic_head {
        text-align: center;
    }

    .book-image {
        width: 200px;
    }

    .development-career {
        margin-top: 20px;
        margin-bottom: 20px;
    }

    .lower .book-headline h3 {
        margin-top: 0px;
    }

    .review-content {
        margin-top: 20px;
        margin-bottom: 10px;
    }

    form.laptop,
    hr.laptop,
    ul.laptop,
    h1.laptop {
        display: none !important;
    }

    .footer .laptop {
        display: none !important;
    }

    .mob-pl_0 {
        padding-left: 0px !important;
    }

    .mob-pr_0 {
        padding-right: 0px !important;
    }

    .review-book-detail {
        padding: 0px;
        text-align: center;
    }

    .subscribe-callout {
        margin-top: 30px;
        margin-bottom: 22px;
    }

    .subscribe-callout>.subscribe-callout-today {
        margin-bottom: 30px;
        padding: 0px 50px;
    }

    .subscribe-callout-body {
        text-align: center;
        margin: -1px -6px;
    }

    .subscribe-callout .headline {
        width: 100%;
        float: left;
        text-align: center;
        line-height: 1;
        margin-top: 0px;
        /* padding: 0px 40px; */
    }

    .TOPIC .review-headline {
        margin-top: 30px;
    }

    .topic-article_column {
        padding: 0px 0px;
    }

    .topic-article_column div:nth-last-of-type(odd) {
        /* padding: 0px 15px; */
        padding: 0;
    }

    .manage-institution-spinner {
        font-size: 30px;
    }

    .meter-text {
        font-size: 16px;
        margin-left: unset;
        margin-right: unset;
        ;
    }

    .float-left-resp {
        float: unset !important;
    }

    .float-right-resp {
        float: unset !important;
    }
}

@media screen and (max-width: 425px) {
    #reviewCarousel {
        height: 370px;
    }

    #reviewCarousel .section-image {
        height: 210px;
    }

    /* .carousel-development-career {
    height: 420px;
  } */
    .left-side-bar-section .top-story-heading h3 {
        margin-bottom: 5px;
    }

    .mob-pl_15 {
        padding-left: 15px !important;
    }

    .mob-pr_15 {
        padding-right: 15px !important;
    }

    /* Tbbbed menu scrollable in mobile view */
    .tabbed-navbar-default {
        overflow-y: scroll;
        width: 100%;
        margin-bottom: 15px !important;
        padding: 0px 15px;
    }

    .tabbed-navbar-default .nav {
        width: 230%;
        float: left;
        display: inline-block;
        margin-left: 0px;
        margin-bottom: 10px !important;
    }

    .tabbed-navbar-default .nav li {
        float: left;
        width: 16%;
        padding-right: 0px;
        margin-right: 20px;
        padding-left: 0px;
        font-size: 18px;
        /* margin-bottom: 3px;
    padding-bottom: 3px; */
    }

    .top-center-desc {
        font-family: 'Portrait';
        margin-top: 15px;
        font-size: 21px;
        margin-bottom: 25px;
    }
}

@media screen and (min-width: 768px) {
    .adv-top {
        /* height: 120px;
    padding: 40px 0px; */
    }

    .book-review-list .byline-detail {
        font-size: 16px;
    }

    .book-review-detail {
        margin-bottom: 50px;
    }

    .book-review-section {
        margin-top: 50px;
    }

    .development-career {
        margin-top: 50px;
        margin-bottom: 50px;
    }

    .featured-story-headline {
        font-size: 54px;
    }

    .review-social-share ul li {
        /* border-right: 2px solid #e4e4e4;
    margin-right: 9px; */
    }

    .search-icon>input {
        display: none !important;
    }

    .search-icon .input-group-btn {
        width: 0%;
    }

    .social-share {
        float: right;
    }

    .social-share-right {
        float: right;
    }

    .story-detail {
        padding: 0% 10%;
    }

    .story-headline {
        font-size: 55pt;
    }

    .subscribe-callout {
        margin-top: 60px;
        margin-bottom: 50px;
    }

    .subscribe-callout>.subscribe-callout-today {
        margin-bottom: 50px;
    }

    .subscribe-callout .headline {
        font-size: 54px;
        line-height: 50px;
        margin-top: 10px !important;
    }

    .TOPIC .review-headline {
        margin-top: 60px;
    }

    .topic_head {
        margin-bottom: 60px;
    }

    form.tablet,
    hr.tablet,
    ul.tablet,
    h3.tablet {
        display: none !important;
    }

    .footer .tablet {
        display: none !important;
    }

    .manage-institution-spinner {
        font-size: 42px;
    }
}

@media screen and (max-width: 767px) {
    .advertisement-white {
        padding: 0px 10px;
        margin: 30px 0px;
    }

    .advertisement-white .adv-inner {
        height: 50px;
    }

    .article-headline {
        margin-top: 10px;
        margin-bottom: 0px;
    }

    .article-section {
        margin-bottom: 30px;
        padding: 0px 20px;
    }

    .article_type {
        font-size: 20px;
        letter-spacing: 6px;
    }

    .book-list-section {
        margin-top: 25px;
        margin-bottom: 25px;
    }

    .community-block {
        padding: 0px 5px;
    }

    .communty-form-heading h3 {
        font-size: 22px;
        margin-top: 30px;
    }

    .community-form-info {
        margin-bottom: 10px;
    }

    .featured-story-headline {
        font-size: 26px;
        margin-top: 15px;
        margin-bottom: 30px;
    }

    .featured-story-headline-right {
        margin-top: 15px;
    }

    .form-control:focus {
        border-color: #66afe9;
        outline: 0;
        -webkit-box-shadow: none;
        box-shadow: none;
    }

    .page-headline {
        font-size: 40px;
        margin: 30px 0px 20px 0px;
    }

    .search-icon {
        /* border-bottom: 2px solid #ebebeb; */
    }

    .search-icon>input {
        /* font-size: 32px; */
        font-weight: normal;
        border: 1px solid #000 !important;
    }

    .topic_head {
        margin-bottom: 30px;
    }

    .topic-navigation {
        /* display: none; */
    }

    ul.search-icon {
        display: none;
    }

    .search-icon>input {
        border: 0px solid #ccc;
        webkit-box-shadow: inset 0 0px 0px rgba(0, 0, 0, .075);
        box-shadow: inset 0 0px 0px rgba(0, 0, 0, .075);
        webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
        -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
        transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    }

    .tablet .LJ-image {
        width: 100px;
        padding-top: 30px;
        padding-left: 15px;
    }

    .menu {
        text-align: center;
    }
}

@media screen and (max-width: 767px) {
    .tablet-navbar .nav>li>a {
        padding: 9px 8px;
        font-size: 32px;
        line-height: 1.4;
    }
}

@media screen and (min-width: 768px) and (max-width: 991px) {
    .book-navigation {
        padding: 0px;
    }

    .description-box {
        height: auto;
    }

    .book-navigation .navbar-default .navbar-nav>li>a {
        color: #808080 !important;
        padding: 0px;
        margin: 15px 6px;
        padding-bottom: 3px;
    }

    .book-review .book-name {
        font-size: 38px;
    }

    .book-review-image {
        height: 300px;
        width: 100%;
    }

    .filter-result {
        padding-right: 0px;
    }

    .hidden_in_768-991 {
        display: none !important;
    }

    .story-nav>li {
        float: left;
        width: 18%;
        border-bottom: 2px solid rgb(204, 204, 204);
        padding-right: 15px;
        margin-right: 2%;
        padding-left: 0px;
        margin-bottom: 3px;
        padding-bottom: 3px;
    }

    .tablet-navbar .nav>li>a {
        padding: 9px 8px;
        font-size: 14px;
    }

    .top-story-heading h1 {
        font-size: 44px;
    }

    .review-list-img {
        height: 170px;
    }
}

@media screen and (max-width: 991px) {
    .hidden_down_991 {
        display: none !important;
    }

    .tablet .LJ-image {
        width: 100px;
        padding-top: 30px;
    }

    .tablet-navbar .nav {
        margin-top: 5px;
    }

    .tablet-navbar {
        padding-right: 15px !important;
    }
}

@media screen and (max-width: 767px) {
    .more-anchor {
        float: left;
        padding-left: 20px;
    }

    .story-section {
        padding-right: 0px;
    }

    .story-section .story-detail {
        padding-left: 20px !important;
        padding-right: 20px;
        padding-top: 15px;
    }

    .subscribe-callout-today h3 {
        font-size: 20px !important;
    }

    .tablet-navbar .nav {
        margin-top: 30px;
    }

    .topic-navigation li>a {
        text-align: center;
    }

    .topic-navigation li {
        padding-right: 0px !important;
    }

    #newsId {
        /* padding-left: 11px !important; */
    }
}

@media screen and (max-width: 600px) {

    .digi-prnt-img {
        width: 100%;
        height: 100%;
    }

    .multi-sub-cont-body {
        padding: 25px 20px;
    }


    .multi-sub-cont-body h5 {
        font-size: 20px;
    }

    .multi-sub-cont-body h6 {
        font-size: 16px;
    }

    .multi-sub-cont-btn {
        padding-bottom: 23px;
        padding-top: 0px;
    }

    .sub_captcha_card {
        padding-top: 20px;
        margin: 0;
        display: block !important;
        padding-left: 25px;
        transform: scale(0.84);
        transform-origin: 0 0;
    }

    .purchase-button {
        margin-left: 20px !important;
        margin-top: 0px !important;
    }

    .bml-button {
        margin-left: 20px !important;
        margin-top: 0px !important;
    }

    .edit-payment-button {
        margin-left: 20px !important;
        margin-top: 0px !important;
    }

    .print-opt-btn {
        width: 90%;
    }

    .checkout-section-heading {
        margin-left: 14px;
    }

    .checkout-section-content {
        margin-left: 14px;
    }

    .inst-body-cont {
        padding-top: 1em;
        padding-bottom: 10px;
    }

    .inst-digi-prnt-img {
        width: 100%;
    }

    .inst-body-cont h6 {
        font-size: 16px;
    }

    .multi-sub-cont {
        height: 100%;
    }

    .po_res {
        padding-left: 15px !important;
    }


}


.navbar-toggle {
    margin: 0px;
    border: 0px solid transparent;
}

.navbar-toggle>img {
    /* width: 50px;
  margin-top: 10px; */
}


/* Header End*************************************************************/


/* REVIEWS Start******************************************************/

@media screen and (min-width: 425px) {
    .review-list {
        width: 20%;
    }
}

@media screen and (min-width: 768px) {
    .min-height-content {
        min-height: 28vh !important;
    }

    .article-headline {
        margin-top: 15px;
        margin-bottom: 0px;
    }

    .article-section {
        margin-bottom: 30px;
    }

    .book-list-section {
        margin-top: 40px;
        margin-bottom: 40px;
    }

    .review-content {
        /* margin-left: -2%; */
        width: 100%;
        padding-top: 20px;
        padding-bottom: 10px;
        float: left;
    }
}

@media screen and (min-width: 768px) and (max-width:992px) {
    .article-headline {
        width: 83%;
    }
}


/* REVIEWS End******************************************************/


/* Display & Hide classes Start ************************************/

@media screen and (min-width: 768px) {
    .community-block {
        padding: 0px 30px;
    }

    .communty-form-heading h3 {
        font-size: 26px;
        margin-top: 60px;
    }

    .community-form-info {
        margin-bottom: 20px;
    }

    .content {
        padding-top: 40px;
    }

    #filter {
        display: block !important;
    }

    .featured-story-section {
        margin-bottom: 60px;
    }

    .hidden-md-up {
        display: none !important;
    }

    .filter-section-heading {
        font-size: 18px;
        margin-top: 60px;
        margin-bottom: 85px;
    }

    .filtered-document-headline {
        font-size: 22pt;
    }

    .page-headline {
        font-size: 46px;
        /* padding: 0px 70px; */
        margin: 50px 0px 40px 0px;
    }

    .checkout-page-headline {
        font-size: 48px;
        /* padding: 0px 70px; */
        margin: 50px 0px 30px 0px;
        text-align: left;
    }

    .panel {
        border-bottom: 1px solid #d8d8d8 !important;
    }

    .review-book-detail {
        padding-right: 0px;
    }

    .top-story-type {
        margin-top: 20px;
    }
}

@media screen and (max-width: 767px) {
    .book-column {
        padding-left: 0px;
        padding-right: 0px;
    }

    #filter {
        display: none;
    }

    .hidden-md-down {
        display: none !important;
    }

    .filters {
        float: left;
        width: 100%;
        /* padding-left: 15px !important; */
        padding-right: 0px;
        text-align: center;
    }

    .filters>#filter {
        border-bottom: 1px solid;
        margin-bottom: 30px;
    }

    .filter-heading {
        font-size: 25px;
    }

    .filter-heading a i {
        float: none;
        font-size: 25px;
    }

    .filter-section-heading {
        font-size: 20px;
        margin-top: 30px;
        margin-bottom: 30px;
    }

    .filtered-document-headline {
        font-size: 24px;
    }

    .recommended {
        margin-top: 20px;
    }

    .recommended-image {
        margin-bottom: 15px;
    }

    .recommended .review-headline {
        margin-bottom: 30px;
    }

    .story-para>h1 {
        margin: 23px 0px;
        font-size: 30px;
    }

    .story-para {
        font-size: 16px;
        line-height: 1.56;
        font-weight: normal;
        font-style: normal;
        font-stretch: normal;
        line-height: 1.56;
        letter-spacing: normal;
        text-align: left;
        color: #000000;
    }

    .event-para p,
    .event-para span {
        font-size: 16px !important;
    }

    .navbar-nav {
        margin: auto;
    }

    .top-story-type {
        margin-top: 15px;
    }
}


/* Display & Hide classes End **************************************/

@media screen and (min-width: 992px) {
    .form-center {
        width: 59%;
    }

    .tab-w-35 {
        width: 35px;
    }

    .address-box-city {
        width: 49% !important;
        margin-right: 1%;
        float: left;
    }

    .address-box-state {
        width: 29% !important;
        margin-right: 1%;
        float: left;
    }

    .address-box-zip {
        width: 20% !important;
        /* margin-right: 1%; */
        float: left;
    }

    .article_column {
        padding-right: 0px !important;
    }

    .book-review .book-detail {
        font-size: 14px;
    }

    .book-review-detail {
        /* padding-left: 6%;
    padding-right: 7%; */
        width: 100%;
        float: left;
    }

    .book-review-image {
        height: 230px;
        width: 100%;
    }

    .book-review-list-image {
        min-width: 190px;
        min-height: 290px;
        width: 100%
    }

    .book-section {
        padding: 0px 50px;
    }

    .hidden_up_992 {
        display: none !important;
    }

    .password-margin {
        margin-bottom: 0px;
    }

    .review-list-img {
        height: 230px;
        margin: auto;
        /* width: 200px !important; */
    }

    .sponsored-img {
        max-width: 200px !important;
        max-height: 200px !important;
        object-fit: contain;
    }

    .review-social-share ul li {
        /* border-right: 2px solid #e4e4e4;
    margin-right: 15px; */
    }

    .explore-image {
        width: 12%;
    }

    .vertical-align-sub {
        display: flex;
        align-items: center;
        justify-content: space-evenly;
    }
}

@media screen and (min-width: 992px) and (max-width: 1199px) {
    .book-navigation {
        padding: 0px 10px;
    }

    .book-navigation .navbar-default .navbar-nav>li>a {
        margin: 15px 15px;
    }
}

@media screen and (min-width: 426px) and (max-width: 767px) {
    .top-center-desc {
        font-family: 'Portrait';
        margin-top: 15px;
        font-size: 21px;
        margin-bottom: 25px;
    }
}

@media screen and (max-width: 550px) {
    .article-detail .story-detail {
        margin-top: 15px;
        padding: 0px 20px;
    }

    .article-detail .byline-detail {
        margin-bottom: 25px;
    }

    .book-review-landing-image {
        max-height: 190px;
        max-width: 100px;
        width: 100%;
        float: right;
    }

    .carousel-development-career #careerCarousel {
        height: 435px;
    }

    .date-range>input {
        width: 60%;
    }

    .date-range>button {
        width: 60% !important;
    }

    .review-headline {
        font-size: 21px;
    }

    .social-share>ul {
        /* text-align: center; */
    }

    .social-share>ul>li>a {
        margin: 0px 1%;
    }

    .social-share>ul>li>a:first-child {
        margin-left: 0px;
    }

    .specific-author>input {
        width: 60% !important;
    }

    .specific-author>button {
        width: 60% !important;
    }
}

@media screen and (min-width: 551px) {
    .article-detail .story-detail {
        margin-top: 30px;
    }

    .carousel-development-career #careerCarousel {
        height: 590px;
    }

    .review-headline {
        font-size: 21px;
    }

    .social-share-right {
        float: right;
    }
}

@media screen and (min-width: 426px) and (max-width: 550px) {
    .book-review-list-image {
        width: 100%;
        min-width: 90px;
        max-width: 140px;
        min-height: 160px;
        float: right;
        padding-right: 17px;
    }

    #reviewCarousel {
        height: 390px;
    }

    .carousel-development-career #developmentCarousel {
        height: 435px;
    }

    .story-first-para {
        line-height: 1.1;
        font-size: 30px;
    }

    .tabbed-navbar-default {
        overflow-y: scroll;
        /* width: 100%; */
        margin-bottom: 15px !important;
        padding: 0px 15px;
    }

    .tabbed-navbar-default .nav {
        width: 200%;
        float: left;
        display: inline-block;
        margin-left: 0px;
        margin-bottom: 10px !important;
    }
}

@media screen and (min-width: 551px) and (max-width: 767px) {

    /* .carousel-development-career {
    height: 450px;
  } */
    .book-review-landing-image {
        max-height: 190px;
        max-width: 125px;
        width: 100%;
        float: right;
    }

    .book-review-list-image {
        width: 100%;
        min-width: 90px;
        max-width: 145px;
        min-height: 190px;
        float: right;
        padding-right: 17px;
    }

    .date-range>input {
        width: 50%;
    }

    .date-range>button {
        width: 50% !important;
    }

    #reviewCarousel {
        height: 420px;
    }

    .specific-author>input {
        width: 50% !important;
    }

    .specific-author>button {
        width: 50% !important;
    }

    .tabbed-navbar-default .nav {
        /* display: inline; */
        width: 100%;
        /* float: left; */
        padding-right: 0px;
        margin-right: 0px !important;
        padding-left: 15px;
    }

    .story-detail .byline-detail {
        width: 50%;
    }

    .story-detail .social-share {
        width: 50%;
    }

    .story-first-para {
        line-height: 1.1;
        font-size: 30px;
    }

    .story-nav>li {
        float: left;
        width: 19%;
        border-bottom: 2px solid rgb(204, 204, 204);
        padding-right: 0px;
        margin-right: 1%;
        padding-left: 0px;
        margin-bottom: 3px;
        padding-bottom: 3px;
    }

    .top-story-heading h3 {
        font-size: 42px;
    }
}

@media screen and (min-width: 1200px) {

    /* .review-social-share ul li {
    border-right: 2px solid #e4e4e4;
    margin-right: 18px;
  } */
    .book-review-detail {
        /* padding-left: 14%;
    padding-right: 12%; */
        width: 100%;
        float: left;
    }

    .review-list-img {
        /* height: 211px;
    width: 142px !important; */
        margin: auto;
    }

    .section-image img {
        /* max-height: 270px;
  	max-width: 360px; */
        max-height: 250px;
        /* max-width: 300px; */
        width: auto;
        height: auto;
    }
}

@media screen and (min-width: 320px) and (max-width: 360px) {
    .mb-view {
        font-size: 18px !important;
    }

    .text-justify {
        font-size: 7px;
    }
}

@media screen and (min-width: 320px) and (max-width: 767px) {
    .navbar-header {
        text-align: center;
    }

    .btn-subscribe {
        margin: auto;
        height: 44px;
    }

    .ribbon-container {
        position: absolute;
        top: 0;
        left: 0;
        overflow: hidden;
        width: 100px;
        height: 100px;
    }

    span.subscribe-icon {
        width: 100px !important;
        height: 100px !important;
        /* border-radius: 50%; */
        position: absolute;
        /* right: 8px; */
        top: 2px;
        left: 16px !important;
        font-size: 12px;
        line-height: 100px;
        /* font-weight: bold; */
    }

    .ribbon {
        width: 218px !important;
        position: absolute;
        top: 13px !important;
        left: -68px !important;
        text-align: center;
        line-height: 38px;
        -ms-transform: rotate(-45deg);
        transform: rotate(-45deg);
        -webkit-transform: rotate(-45deg);
    }

    .LJ-image {
        margin: 0;
        height: 25px !important;
        margin-left: 70px;
        margin-bottom: -5px;
        margin-top: 10px;
        width: auto;
    }

    .mob-advertise {
        width: 300px;
        height: 50px;
    }

    .tab-full-width {
        width: 100%;
    }

    .navbar {
        min-height: 0;
    }

    .navbar-toggle {
        padding: 7px 10px !important;
    }

    img.userLines {
        width: 18px;
        margin-top: 13px;
    }

    img.lines {
        width: 30px;
    }

    img.cross {
        width: 15px !important;
        margin-top: 8px;
    }

    .advertisement {
        padding: 15px 10px;
    }

    .mobile-view {
        width: 100% !important;
    }

    .resp-full-width {
        width: 100% !important;
    }

    .resp-mb-20 {
        margin-bottom: 20px !important;
    }

    .resp-mt-10 {
        margin-top: 10px !important;
    }

    .resp-mr-15 {
        margin-right: 15px !important;
    }

    .resp-mr-0 {
        margin-right: 0 !important;
    }

    .resp-mt-20 {
        margin-top: 20px !important;
    }

    .resp-pl-0 {
        padding-left: 0 !important;
    }

    .resp-pl-15 {
        padding-left: 15px !important;
    }

    .resp-pr-0 {
        padding-right: 0 !important;
    }

    .resp-no-padding {
        padding: 0 !important;
    }

    .resp-no-margin {
        margin: 0 !important;
    }

    .resp-full-width {
        width: 100% !important;
    }

    .resp_align_left {
        text-align: left !important;
    }

    .resp-margin-auto {
        margin: auto !important;
    }

    .tabcontentSection {
        padding-left: 0 !important;
    }

    .savedArticle>li {
        width: 44% !important;
    }

    .myprofile>li {
        /* width: 20% !important; */
        font-size: 10px;
    }

    .resp-word-break {
        word-break: break-all;
    }

    .resp-pl-15 {
        padding-left: 15px !important;
    }

    .resp-pr-15 {
        padding-right: 15px !important;
    }

    /* backend data */
    .wp-caption {
        width: 100% !important;
        float: left !important;
        margin: auto !important;
    }

    img.wp-caption {
        width: 100% !important;
        float: left !important;
    }

    #imaginary_container {
        padding: 20px;
        background: #000;
        margin: -15px;
    }

    .customer-id {
        padding-bottom: 0;
    }

    li.nav.item {
        display: inline-flex;
    }

    button.tablinks.logout-btn {
        margin: auto;
    }

    #noSubButton {
        text-align: center;
    }

    .copy-isbn-link {
        text-align: center;
        width: 100%;
    }

    .row {
        margin: 0;
    }

    .tooltip .tooltiptext {
        left: 30%;
    }

    .tooltip .tooltiptext::after {
        left: 94%;
    }

    .nav>li {
        width: 100%;
        float: left;
    }

    ul li ul.dropdownlist {
        position: relative !important;
        top: 0 !important;
        left: 0 !important;
    }

    .width-mob {
        width: auto !important;
    }
}

@media only screen and (min-width: 768px) and (max-width: 1024px) {
    .topic-navigation li {
        padding-right: 0 !important;
        padding-left: 0;
    }

    li.search-bar {
        margin-left: 0 !important;
    }

    .tab-no-padding {
        padding: 0 !important;
    }

    .tab-no-margin {
        margin: 0 !important;
    }

    .tab-mt-20 {
        margin-top: 20px !important;
    }

    .tab-ml-10 {
        margin-left: 10px !important;
    }

    img.tab-w20 {
        width: 20px;
    }

    #itemCount {
        left: 15px;
        top: -10px;
    }

    .col-sm-2.mobile-view {
        width: 33% !important;
    }

    .tabcontentSection {
        padding: 0;
        margin-top: 20px;
    }

    button.tablinks.logout-btn {
        margin: auto;
    }

    #noSubButton {
        text-align: center;
    }

    /* .myprofile >li {
    width: 22%;
  } */
    .searchResult>li {
        width: 20%;
    }

    li.nav.item {
        display: flex;
    }

    .meter-text {
        margin-left: 20px;
        margin-right: 20px;
        font-size: 20px;
    }

    .vertical-align {
        height: 127px;
    }
}

@media (min-width: 768px) {
    .modal-dialog {
        width: 450px;
    }

    .invite-dialog {
        width: 550px !important;
    }
}

@media (max-width: 767px) {
    .taxonomy {
        display: flex !important;
        /* flex-flow: column; */
        overflow-x: scroll;
    }

    .tabbable-line>.nav-tabs {
        display: flex;
    }
}

.line-clamp {
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}


/*subscribe_callout start*/

.subscribe_callout {
    font-family: 'AkzidenzGroteskBQ-Reg';
}

.subscribe_callout img {
    padding-right: 15px;
}

.subscribe_callout h1 {
    font-family: 'Portrait Medium';
}

.subscribe_callout p {
    font-family: 'AkzidenzGroteskBQ-Reg';
    margin: 0;
}

.ribbon {
    width: 218px;
    background: #0055b8;
    position: absolute;
    top: 17px;
    font-family: none;
    left: -73px;
    text-align: center;
    line-height: 38px;
    color: #fffef7;
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
}

.ribbon-container {
    position: absolute;
    top: 0;
    left: 0;
    overflow: hidden;
    width: 110px;
    height: 100px;
}

@media (max-width: 600px) {
    .subscribe_callout {
        text-align: center;
    }

    .subscribe_callout img {
        padding: 10px;
        width: 100%;
    }

    .subscribe_callout table {
        margin-left: auto;
        margin-right: auto;
        ;
    }

    .respTabletable,
    .respTable thead,
    .respTable tbody,
    .respTable th,
    .respTable td,
    .respTable tr {
        display: block;
        margin-left: auto;
        margin-right: auto;
    }
}


/* Print styling */

@media print {
    #advertisement {
        display: none !important;
    }

    #header {
        display: none !important;
    }

    #footer {
        display: none !important;
    }

    .hidden-print {
        display: none !important;
    }

    a[href]:after {
        content: none !important;
    }
}

.PicturePreview {
    background: url(../images/Register_avatar_blank.png) no-repeat !important;
    background-position: left;
    background-repeat: no-repeat;
    background-size: contain !important;
    width: 100%;
    height: 209px;
}


/* Right rail homepage update */

.top-story-image-sub {
    width: 30% !important;
    float: left !important;
    margin-right: 5px !important;
}

.top-story-content-right {
    float: unset !important;
}

.topic-type-right {
    font-size: 12px !important;
    float: none !important;
    margin: 0 !important;
}

.top-story-heading-right {
    float: none !important;
    margin-top: 0 !important;
}

.top-story-heading-right h3 {
    font-size: 18px !important;
}

.coupon-clear-btn {
    background: none;
    border: none;
}

.coupon-section-content {
    padding: 5px 0px;
    font-size: 15px;
}

.multiple-coupon-section-content {
    padding: 5px 0px;
    font-size: 15px;
}

.couponSuccess {
    font-weight: bold
}

.coupon-apply-btn {
    position: absolute;
    margin-top: 21px !important;
    margin-left: -35px;
    background: white;
    border: none;
    display: inline-block;
    background-color: none;
    margin-top: 10px;
    float: right;
    color: #0055b8;
    text-decoration: underline;
    font-size: 13px;
    right: 40px;
    /* cursor: pointer !important; */
}

.message-Section-content {
    display: flex;
    justify-content: space-between;
}

/* stripe  */


.pay-now-cont {
    display: block;
    width: auto;
}

.proceed-to-pay {
    display: block;
    margin: 0 auto;
    border: 1px solid #0055b8 !important;
    background-color: #0055b8 !important;
    padding: 5px 25px;
    font-size: 16px;
    color: #fff;
}

.payment-title {
    padding-left: 65px;
}

.form-container .field-container:first-of-type {
    grid-area: number;
}

/* .form-container .field-container:nth-of-type(2) {
    grid-area: name;
} */

.form-container .field-container:nth-of-type(2) {
    grid-area: expiration;
}

.form-container .field-container:nth-of-type(3) {
    grid-area: security;
}

.field-container input {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.field-container {
    position: relative;
}

.form-container {
    display: grid;
    grid-column-gap: 10px;
    grid-template-columns: auto auto;
    grid-template-rows: 90px 0px 90px;
    grid-template-areas: "number number" "expiration security";
    max-width: 400px;
    padding: 20px;
    color: #707070;
}

label {
    padding-bottom: 5px;
    font-size: 13px;
}

input {
    margin-top: 3px;
    padding: 15px;
    font-size: 16px;
    width: 100%;
    border-radius: 3px;
    border: 1px solid #dcdcdc;
}

.ccicon {
    height: 48px;
    position: absolute;
    right: 6px;
    top: calc(50% - 17px);
    width: 60px;
}

/* IP PopUp */
.ip-met-pop-anc-link-cont {
    display: block;
    width: fit-content;
    margin: 0 auto;
}

.ip-met-pop-anc-link {
    display: inline-block;
    border: none;
    background-color: #fff;
    color: #000;
    text-decoration: underline;
    font-size: 18px;
    /* margin: 0 30px; */
    display: block;
    margin: 0 auto;
}

.ip-met-pop-cont,
.login-met-pop-cont {
    border: 3px solid #0055b8 !important;
    border-radius: 25px !important;
}

.ip-met-pop-h3,
.login-met-pop-h3 {
    font-size: 22px;
    color: #000;
    text-align: -webkit-center;
}

.access-code .h1 .form {
    margin: 0;
    padding: 0;
}

.access-code {
    text-align: center;
    margin-bottom: 200px;
    margin-top: 175px;
    box-sizing: border-box;
}

.access-code h1 {
    color: #333;
    padding-top: 250px;
    margin-bottom: 50px;
    font-size: 20px;
    font-weight: bold;
    width: 50vw;
    display: block;
    margin: 0 auto;
}

.access-code form {
    margin-top: 20px;
}

.access-code label {
    display: block;
    margin-bottom: 15px;
    font-size: 15px;

}


.access-code input {
    width: 20%;
    padding: 8px;
    margin-bottom: 35px;
    box-sizing: border-box;
    border: 1px solid black;
}

.access-code button {
    background-color: #0055b8;
    color: #fff;
    padding: 5px 10px;
    border: 1px solid transparent;
    cursor: pointer;
    font-size: 12px;
    font-weight: bold;
    height: 35px;
    letter-spacing: 2px;
    line-height: 1;
}


.access-code button:hover {
    background-color: #fff;
    color: #0055b8;
    border: 1px solid blue;
    font-size: 12px;
    font-weight: bold;
    letter-spacing: 2px;
    line-height: 1;
}

.access-code .error-message {
    color: red;
    margin-bottom: 10px;
}

@-moz-document url-prefix() {
    .access-code h1 {
        padding-top: 1px;
    }
}

@media only screen and (max-width: 700px) {
    label.tax-checkbox {
        margin-left: 0px;
        display: none;
    }

    .access-code h1 {
        padding-top: 100px;
        padding-bottom: 10px;
        margin-bottom: 50px;
        font-size: 20px;
        font-weight: bold;
    }

    .access-code label {
        margin-bottom: 2px;
        margin-top: 10px;
        font-size: 13px;
    }

    .access-code input {
        width: 30%;
        padding: 5px;
    }

    .access-code button {
        padding: 1px 1px;
        height: 25px;
        width: 70px;
    }

    .access-code button:hover {
        font-size: 12px;
    }
}

/* changes for subscribe-freetrial-new */
    
.btnn {
    font-size: 16px; 
    padding: 10px 20px; 
    margin-left: 166px; 
}

.points {
    font-size: 18px;
    margin-left: -8px;
}

.red-button {
    padding-left: 4px;
    font-size: 16px;
    font-family: 'PORTRAIT MEDIUM';
    color: #fff;
    background-color: #0055b8;
    outline: none; 
    box-shadow: none;
    margin-left: 18px;
    opacity: unset !important;
    margin-top: 30px;
}

.red-button:hover {
    background-color: white;
    color: #0055b8; 
    border-color: #0055b8;
}
    
#free-trial-form {
    padding-top: 20px;;
}

.form-page {
    width: 90%;
    padding: 10px;
    font-size: 16px;
    border-radius: 4px;
    box-sizing: border-box;
}

.form-style {
    margin-bottom: 50px;
}

.form-field {
    height: 55px !important;
    border-radius: 4px !important;
}

.form-control:focus {
    border-color: #66afe9;
    outline: 0;
    box-shadow: 0 0 8px rgba(102, 175, 233, .6);
}

.logo-container {
    text-align: center;
    margin-bottom: 20px; /* Adjust margin as needed */
}

#termsForAutoRenewal{
    margin-top: 20px;
}

#myCaptcha {
    margin-left: -12px;
}

.hr_new_division {
    width: 100%;
    border-bottom: 5px solid black;
    margin-top: 45px;
}

.heading{
    margin-top: 40px;
}

.form-heading-form {
    font-size: 30px;
    font-family: 'Portrait Medium';
}

.LJ-img {
    margin: 20px 0px 10px;
    width: 190px;
    height: 102px;
}

.row {
    margin-bottom: 43px;
}

#overlay {
    position: fixed;
    display: none; /* Initially hidden */
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0,0,0,0.5); /* Black with opacity */
    z-index: 9998; /* Just below the popup */
  }
  
  #successpopup {
    z-index: 9999; /* Popup on top of the overlay */
    /* Your existing styles for the popup */
  }

@media (max-width: 767px) {
    .modal-box{
        width: 95% !important;
    }
    .okbtnpopup{
        width: 35% !important;
    }
    .modal-info {
        height:28vh !important;
        width: 100%;
    }

    .form-heading-form {
        font-size: 19px;
    }

    .subscribe-box {
        height: 100%;
        width: 100%;
    }
    .heading2{
        font-size: 22px;
      }
      
    .red-button{
        padding-left: 4px;
        margin-top: 20px;
        margin-left: 14px;
        }

    .page-headline {
        font-size: 23px !important;
    }

    .heading {
        text-align: center;
    }


    .form-page {
       width: 100%;
       padding-top: 10px;
    }
   
    .form-style {
        margin-bottom: 0;
        padding-top: 1px !important;
    }
}

/* #jobWidgetContainer{
    display: none;
} */