/**
 * wotf-lsx-child Starter Child styles
 *
 * @package 	wotf-lsx-child
 */

 @import url('https://fonts.googleapis.com/css?family=Playfair+Display:400,400i,700,700i');
 @import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,400;0,700;1,400;1,700&display=swap');
 
 /* width */
 ::-webkit-scrollbar {
   width: 10px;
 }
 
 /* Handle */
 ::-webkit-scrollbar-thumb {
   background: #FFC520;
 }
 
 .masonry-brick {
	 width: 32.2%;
	 display: inline-block;
 }
 
 .wotf-lsx-child:not(.single-post) .archive-header {
	 background-color:#FFC520;
 }
 .wotf-lsx-child:not(.single-post) .archive-header .archive-title {
	 font-family:"Playfair Display";
	 font-style:italic;
	 font-weight:bold;
	 color:#4e4e4e;
 }
 
 body, p {
	 font-family:"Roboto";
	 line-height:26px;
	 font-size:16px;
 }
 
 h2 {
	 font-size:40px;
	 font-family:"Playfair Display";
	 font-style:italic;
 }
 h4 {
	 font-family:"Roboto";
	 text-transform:uppercase;
 }
 .content-area em, .widget-area em {
	font-family:"Roboto";
 }
 #masthead .navbar-header .custom-logo-link>img {
	 max-height:200px;
 }
 .header-central #masthead .primary-navbar>.nav {
	 border-top:1px solid #E2E2E2;
 }
 #masthead .primary-navbar>.nav>.menu-item {
	 text-transform:uppercase;
	 font-weight:bold;
	 font-family:"Roboto";
 }
 #masthead .primary-navbar > .nav > .menu-item > a, #masthead .primary-navbar > .nav > .menu-item.active > a{
		 color:#2B3840;
 }
 
 .breadcrumbs-container a:not(.btn), .breadcrumbs-container a:not(.btn):active, .breadcrumbs-container a:not(.btn):visited {
	 color:#fff;
 }
 .breadcrumbs-container.breadcrumbs-yoast .breadcrumb_last, .breadcrumbs-container.breadcrumbs-woocommerce span:last-child {
	 color:#FFC520;
 }
 
 .wp-block-wotf-lsx-child-blocks-wotf-lsx-child-banner-box .wotf-lsx-child-banner-content-wrap .header-headings .page-header .wotf-lsx-child-banner-name:not(:empty) {
	 margin-top:50px;
	 font-size:46px;
 }
 
 .yellow {color:#FFC520}
 .red {color:#E02421}
 
 .gform_wrapper button,
 .gform_wrapper .button:active, .gform_wrapper .btn:visited, .gform_wrapper .button:visited, .gform_wrapper button:visited {
	 border-radius:50px;
	 box-shadow:none;
	 background-color:#FFC520;
	 min-width:200px;
 }
 primary:active:focus, .gform_wrapper .button:active:focus, .gform_wrapper button:active:focus {
	 border-radius:50px;
	 background-color:#4e4e4e;
 }
 .gform_wrapper button:hover, .gform_wrapper button:hover, .gform_wrapper .button:hover:active, .gform_wrapper button:hover:active, .btn:focus, .gform_wrapper .button:focus, .gform_wrapper button:focus {
	 background-color:#4e4e4e;
 }
 
 .home .wp-block-wotf-lsx-child-blocks-wotf-lsx-child-banner-box .wotf-lsx-child-banner-content-wrap .header-headings .page-header .wotf-lsx-child-banner-name:not(:empty) {
	 margin-top:0;
	 margin:25px 0;
 }
 
 .home.wotf-lsx-child-banner-content-wrap {
	 background:#fff;
 }
 .fairlady-footer tr td a {color:#222222!important;}
 .fairlady-footer tr td a:hover {color:#E02421!important;}
 .santam-footer tr td a {color:#222222!important;}
 .santam-footer tr td a:hover {color:#ffc520!important;}
 #footer-widgets table tr {line-height:32px;}
 
 .blog.wotf-lsx-child:not(.single-post) .archive-header {
	 background-color:#ffc520;
	 min-height:250px;
 }
 .blog .archive-title {
	 font-family:"Playfair Display"!important;
	 color:#4e4e4e!important;
	 font-style:italic;
 }
 .align-buttons .wotf-lsx-child-container-content {
	 text-align:center;
 }
 .align-buttons .wp-block-button {
	 display:inline-block;
	 margin-right:20px!important;
 }
 
 .view-entries.wotf-lsx-child:not(.single-post) .archive-header {
	 background-color:#ffc520;
	 min-height:250px;
 }
 .view-entries .archive-title {
	 font-family:"Playfair Display"!important;
	 color:#4e4e4e!important;
	 font-style:italic;
 }
 
 .light {font-weight:100!important;}
 #footer-widgets {
	 border-top: 1px solid #efefef;
	 }
 
 .back-to-blog {display:none;}
 
 .prize-list li {
	 list-style: none;
	 margin-bottom: 10px;
 }
 .prize-list li:before {
	 content: '\f091';
	 display: inline-block;
	 font: normal normal normal 14px/1 FontAwesome;
	 font-size: inherit;
	 color: #E02421;
	 margin-right: 1em;
	 padding-top: 5px;
 }
 .blog .archive-title {
	 font-weight:bold;
 }
 
 .btn, .btn:active, .btn:visited {
	 border-radius:50px;
	 box-shadow:none;
	 background-color:#FFC520;
 }
 .btn:hover, .btn:hover:active {
	 background-color:#4e4e4e;
 }

.content-area .wotf-lsx-child-pagination>.page-numbers, .content-area .wotf-lsx-child-pagination>.page-numbers.next:before {border-color:#4e4e4e}
.content-area .wotf-lsx-child-pagination>.page-numbers:hover {background-color: #4e4e4e;border-color:#4e4e4e;color:#fff!important}
.content-area .wotf-lsx-child-pagination>.page-numbers:active:hover {background-color: #4e4e4e;border-color:#4e4e4e;color:#fff!important}
.content-area .wotf-lsx-child-pagination>.page-numbers a {color:#4e4e4e!important}
.content-area .wotf-lsx-child-pagination>.page-numbers.current {background-color:#4e4e4e!important;border-color:#4e4e4e;color:#fff!important} 
.content-area .wotf-lsx-child-pagination>.page-numbers a:not(.btn):not(.wp-block-button__link) {color:#4e4e4e!important}
.content-area .wotf-lsx-child-pagination>.page-numbers:hover {color:#fff!important;}
.content-area .wotf-lsx-child-pagination>.page-numbers.prev:before {border-color:#4e4e4e;}
.wotf-lsx-child-pagination a:hover {color:#fff!important}
.wotf-lsx-child-pagination .page-numbers {color:#4e4e4e!important}
.wotf-lsx-child-pagination .page-numbers:hover {color:#fff!important}

 .content-area a:not(.btn):not(.wp-block-button__link) {color:#e02421!important;}
 .content-area a:not(.btn):not(.wp-block-button__link):hover {color:#4A4A4A!important}
 
 .wotf-lsx-child-sharing-content .wotf-lsx-child-sharing-button.wotf-lsx-child-sharing-button-facebook   a:not(.btn) {color:#fff!important;}
 .wotf-lsx-child-sharing-content .wotf-lsx-child-sharing-button.wotf-lsx-child-sharing-button-twitter   a:not(.btn) {color:#fff!important;}

 .content-area .wotf-lsx-child-pagination > .page-numbers.next:before, .content-area .wotf-lsx-child-pagination > .page-numbers.prev:before {border-color:#4e4e4e!important;color:#4e4e4e}
 .content-area .wotf-lsx-child-pagination > .page-numbers.next:before:hover, .content-area .wotf-lsx-child-pagination > .page-numbers.prev:before:hover {color:#fff!important}

 .entries-cta .wotf-lsx-child-sharing-content .wotf-lsx-child-sharing-button a {
 border-radius: 50%;
	 display: inline-block;
	 font-size: 50px;
	 text-align: center;
	 height: 80px;
	 width: 80px;
	 line-height: 80px;
	 margin-right: 15px;
 }
 
 .entry-section {margin-bottom:30px;}
 
 .entries-cta {
	 background-color: #FFC520;
	 padding-top: 45px;
	 padding-bottom: 45px;
	 text-transform: uppercase;
	 font-size: 42px !important;
	 font-weight: bold;
	 width: 100vw;
	 left: calc(-1 * (100vw - 100%) / 2);
 }
 .single-entry .content-area {
	 /* .single-entry-cta-section below breaks out to 100vw, which measures
	    the viewport INCLUDING the scrollbar gutter on desktop browsers that
	    reserve one - without this, that section overflows by the
	    scrollbar's width and adds a horizontal scrollbar to the page. Same
	    fix as lightspeedwp/voorbladgesig-lsx-child and
	    lightspeedwp/mar-lsx-child. */
	 overflow-x: hidden;
	 margin-bottom:0
 }
 .single-entry-cta-section {
	 background: #FFC520;
	 /* Full-bleed break-out to the viewport edge, independent of the
	    container's actual width. The previous rule hardcoded a 500px
	    container-width assumption via calc(-100vw / 2 + 500px / 2), the
	    same bug found and fixed on lightspeedwp/voorbladgesig-lsx-child and
	    lightspeedwp/mar-lsx-child (shared-ancestor sibling themes) - at
	    normal desktop widths that math pushes this section off-screen to
	    the left instead of spanning edge-to-edge. */
	 position: relative;
	 left: 50%;
	 width: 100vw;
	 margin-left: -50vw;
 }
 .single-entry .archive-header {
	 display:none!important;
 }
 
 .info-company h4 {
	 margin-bottom:10px;;
 }
 .info-url {
	 margin-bottom:20px;
 }
 
 .post-top {
	 display: flex;
	 justify-content: space-between;	
 }
 
 .post-top h2 {
	 color:#E02421;
	 font-weight:bold;
 }
 
 .vote-section {
	 display:flex;
   align-items: center;
   justify-content: center;
 }
 .vote-section .share-member {
	 margin-right:15px;
	 display:flex;
   align-items: center;
   justify-content: center;
 }
 .vote-section .share-member p {
	 margin-right:15px;
	 margin-bottom:0;
 }
 .vote-section .share-member .wotf-lsx-child-sharing-content p {
	 margin-bottom:0;
 }
 
 .post-featured {
	 display:flex;
 }
 .post-featured .image {
	 margin-right:15px;
	 margin-bottom:30px;
 }
 .post-featured .video {
	 margin-bottom:20px;
 }
 
 .modal .modal-content {
	 border-color:#FFC520;
 }
 .modal .close {
	 background-color: #ffc520;
	 border-color: #f7ae00;
	 box-shadow: none;
	 color: #FFF;
 }
 .modal .close:hover {
	 background-color: #4e4e4e;
 }
 .modal-title {
	 font-size: 40px;
	 font-family: "Playfair Display";
	 font-style: italic;
	   font-weight:bold;
 }
 
 .uk-grid-margin {
   margin-top: 25px; }
 
 .archive-block-title {
   color: #222222;
   font-family: Roboto;
   font-size: 26px;
   font-weight: bold;
   line-height: 30px; }
 
 .archive-block-overlay-cover {
   position: absolute;
   top: 0;
   bottom: 0;
   left: 0;
   right: 0; }
 
 .uk-margin-small-top {
   margin-top: 10px !important; }
 
 .entries-row > * {
   opacity: 1;
   -webkit-transition: opacity 1s ease;
   -khtml-transition: opacity 1s ease;
   -moz-transition: opacity 1s ease;
   -ms-transition: opacity 1s ease;
   -o-transition: opacity 1s ease;
   transition: opacity 1s ease; }
 
 .entries-row.busy > * {
   opacity: 0 !important; }
 
 .uk-overlay {
   display: inline-block;
   position: relative;
   max-width: 100%;
   vertical-align: middle;
   overflow: hidden;
   -webkit-transform: translateZ(0);
   margin: 0; }
 
 .uk-overlay-panel {
   position: absolute;
   top: 0;
   bottom: 0;
   left: 0;
   right: 0;
   padding: 20px;
	 font-size:38px;
	 line-height:38px;
	 font-family:"Playfair Display";
	 font-style:italic;
	 font-weight:bold;
 }
 
 .uk-overlay-panel > :last-child,
 .uk-overlay-panel.uk-flex > * > :last-child {
   margin-bottom: 0; }
 
 .uk-overlay-panel h1,
 .uk-overlay-panel h2,
 .uk-overlay-panel h3,
 .uk-overlay-panel h4,
 .uk-overlay-panel h5,
 .uk-overlay-panel h6 {
   color: inherit; }
 
 .uk-overlay-panel a:not([class]) {
   color: inherit;
   text-decoration: underline; }
 
 .uk-overlay-panel a[class*='uk-icon-']:not(.uk-icon-button) {
   color: inherit; }
 
 .uk-overlay-panel {
   display: -webkit-box;
   /* display: -webkit-flex; */
   display: flex;
   /* -webkit-box-align: center; */
   -webkit-align-items: center;
   -ms-flex-align: center;
   /* align-items: center; */
   /* -webkit-box-pack: center; */
   -webkit-justify-content: center;
   -ms-flex-pack: center;
   /* justify-content: center; */ }
 
 .uk-overlay-panel span {
   -webkit-box-flex: 0;
   -webkit-flex: none;
   -ms-flex: none;
   flex: none;
   max-width: 80%; }
 
 .uk-overlay-panel .address {
   text-align: left !important;
   max-width: 100% !important;
   width: 100% !important; }
 
 .uk-overlay-hover:not(:hover):not(.uk-hover) .uk-overlay-panel:not(.uk-ignore) {
   opacity: 0; }
 
 .uk-overlay-hover:hover .uk-overlay-fade,
 .uk-overlay-hover.uk-hover .uk-overlay-fade,
 .uk-overlay-active .uk-active > .uk-overlay-fade {
   opacity: 1; }
 
 .uk-overlay-hover:hover .uk-overlay-scale,
 .uk-overlay-hover.uk-hover .uk-overlay-scale,
 .uk-overlay-active .uk-active > .uk-overlay-scale {
   -webkit-transform: scale(1.1);
   transform: scale(1.1); }
 
 .uk-overlay-hover:hover .uk-overlay-spin,
 .uk-overlay-hover.uk-hover .uk-overlay-spin,
 .uk-overlay-active .uk-active > .uk-overlay-spin {
   -webkit-transform: scale(1.1) rotate(3deg);
   transform: scale(1.1) rotate(3deg); }
 
 /* Hover */
 .uk-overlay-hover:hover [class*='uk-overlay-slide'],
 .uk-overlay-hover.uk-hover [class*='uk-overlay-slide'],
 .uk-overlay-active .uk-active > [class*='uk-overlay-slide'] {
   opacity: 1;
   -webkit-transform: translateX(0) translateY(0);
   transform: translateX(0) translateY(0); }
 
 .uk-overlay-fade,
 .uk-overlay-scale,
 .uk-overlay-spin,
 .uk-overlay-grayscale,
 .uk-overlay-blur,
 [class*='uk-overlay-slide'] {
   transition-duration: 0.3s;
   transition-timing-function: ease-out;
   transition-property: opacity, transform, filter; }
 
 .uk-overlay-active .uk-overlay-fade,
 .uk-overlay-active .uk-overlay-scale,
 .uk-overlay-active .uk-overlay-spin,
 .uk-overlay-active [class*='uk-overlay-slide'] {
   transition-duration: 0.8s; }
 
 /*
  * Fade
  */
 .uk-overlay-fade {
   opacity: 0.7; }
 
 .uk-overlay-hover:hover .uk-overlay-fade,
 .uk-overlay-hover.uk-hover .uk-overlay-fade,
 .uk-overlay-active .uk-active > .uk-overlay-fade {
   opacity: 1; }
 
 .uk-overlay-background {
   background: rgba(255, 255, 255, 0.87); }
 
 .uk-text-center {
   text-align: center !important; }
 
 .article.type-entry:before,
 .article.type-entry:after {
   content: "";
   display: table; }
 
 .article.type-entry:after {
   clear: both; }
 
 .article.type-entry > :last-child {
   margin-bottom: 0; }
 
 .uk-thumbnail {
   display: inline-block;
   max-width: 100%;
   box-sizing: border-box;
   margin: 0;
   padding: 4px;
   border: 0 solid #ddd;
   background: #fff; }
 
 a.uk-thumbnail:hover,
 a.uk-thumbnail:focus {
   border-color: #aaa;
   background-color: #fff;
   text-decoration: none;
   outline: none; }
 
 .red_hr_div {
   color: #E02421; }
 
 .red_hr_div hr {
   border-top-color: #E02421;
   border-top-width: 2px;
   margin-top: 5px !important;
   margin-bottom: 5px !important; }
 
 .cat_name_wrapper {
   margin-top: 4px;
   width: 100%;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
   -webkit-box-pack: center;
   -ms-flex-pack: center;
   justify-content: center; }
 
 .cat_name_wrapper > .cat_name {
   width: 167px;
   background-color: #FFC520;
   height: 34px;
   color: #FFFFFF;
   font-family: Roboto;
   font-size: 16px;
   font-weight: bold;
   line-height: 19px;
   text-align: center;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
   -webkit-box-pack: center;
   -ms-flex-pack: center;
   justify-content: center; }
 
 /** BLog Styling **/
 
 .wotf-lsx-child-body-grid-layout.blog .post-wrapper > .post .entry-title, .wotf-lsx-child-body-grid-layout.blog .post-wrapper > .page .entry-title, .wotf-lsx-child-body-grid-layout.blog .post-wrapper > .wotf-lsx-child-slot .entry-title {
	 font-family:"Playfair Display";
	 font-weight:bold;
 }
 
 
 @media screen and (max-width:600px) {
	 .masonry-brick {width:100%}
	 #masthead .navbar-header .custom-logo-link>img {max-height:80px;}
	 .vote-section {
		 margin:20px 0;
		 justify-content: space-between;
	 }
	 .post-top {
	 display: flex;
	 flex-direction: column;
	 }
	 .entry-title {order:2}
	 .vote-section {order:1}
	 .post-featured {display:block;}
	 .video { 
		 position: relative; 
		 padding-bottom: 56.25%;
		 overflow: hidden;
		 max-width: 100%;
		 height: auto;
	 } 
	 .video iframe,
	 .video object,
	 .video embed { 
		 position: absolute;
		 top: 0;
		 left: 0;
		 width: 100%;
		 height: 100%;
	 }
	 .align-buttons .wp-block-button {margin-right:0!important;width: 100%;}
	 #masthead .primary-navbar > .nav > .menu-item > a, #masthead .primary-navbar > .nav > .menu-item.active > a {color:#fff;}

	 
 }

 /** Forced Styles **/
.btn, .btn:active, .btn:visited {
	box-shadow:none!important;
	background-color:#FFC520!important;
}
.btn:hover, .btn:hover:active {
	background-color:#4e4e4e!important;
}
.wotf-lsx-child:not(.single-post) .archive-header {
	background-color:#FFC520!important;
}
.wotf-lsx-child:not(.single-post) .archive-header .archive-title {
	font-family:"Playfair Display"!important;
	font-style:italic!important;
	font-weight:bold!important;
	color:#4e4e4e!important;
	font-size:46px;
}
.breadcrumbs-container {background:#41403F!important;color:#fff}
.breadcrumbs-container a:not(.btn), .breadcrumbs-container a:not(.btn):active, .breadcrumbs-container a:not(.btn):visited {
	color:#fff!important;
}
.breadcrumbs-container.breadcrumbs-yoast .breadcrumb_last, .breadcrumbs-container.breadcrumbs-woocommerce span:last-child {
	color:#FFC520!important;
}

.wotf-lsx-child:not(.single-post):not(.page-has-banner) .archive-header-wrapper .archive-header {min-height:250px;}

body .has-yellow-color {color:#ffc520}
body .has-red-color {color:#E20714}
body .has-grey-color {color:#4A4A4A}
body .has-light-grey-color {color:#f2f2f2}

body .has-yellow-background-color {
	background:#ffc520;
}
body .has-light-grey-background-color {
	background-color:#f2f2f2
}
body .has-grey-background-color {
	background-color:#4A4A4A;
}

.content-area a:not(.btn):not(.wp-block-button__link).page-numbers{color:#4e4e4e!important;border-color:#4e4e4e;}

.content-area a:not(.btn):not(.wp-block-button__link).page-numbers:hover {
	background-color:#4e4e4e;
	color:#fff!important;
}
#validation_message_5_2 {display:block;}

.wp-block-cover__inner-container h1 {
	font-family: "Playfair Display";
	font-size: 52px!important;
	font-style: italic!important;
	color:#32373c!important;
	font-weight:bold;
}
.wotf-lsx-child-layout-switcher {
	display:none;
}
.gutenberg-compatible-template.using-gutenberg .entry-content .wp-block-button {
	margin-left:initial;
	margin-right:initial;
}
.wp-block-button__link {
	    padding: 15px 35px;
}
.blog:not(.has-sidebar).blog:not(.wotf-lsx-child-body-full-width) .site-main, .archive.category:not(.has-sidebar).archive.category:not(.wotf-lsx-child-body-full-width) .site-main {
	width:100%;
}
.wotf-lsx-child-hero-banner-block {
	background:#ffc520
}
.single-post article.post .wotf-lsx-child-hero-banner-block .post-meta a {
	color:#fff!important;
}