/* Theme Name: Divi Child Theme Theme URI: https://stories.torresbrandy.com Description: Child Theme for Divi Author: Xavi Gort Author URI: https://www.xavigort.com Template: Divi Version: 1.0.0 */ /* Reset font family */ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {font-family: 'Open Sans', sans-serif;} ul, ol{line-height:1;} /* General */ body{font-family: 'Open Sans', sans-serif; font-size:16px; font-weight:300; background: #000 url('./img/bg.png') no-repeat center 150px!important; background-size:100%!important;} #et-main-area, #main-content, #main-footer{background:transparent;} #left-area .post-meta a{color:#000; background-color:#fcdc00; padding:3px 5px;} #left-area .post-meta a:hover{color:#000; background-color:#FEFEFE} .main-content .blog-container h1,.main-content .blog-container h2,.main-content .blog-container h3,.main-content .blog-container h4,.main-content .blog-container h5,.main-content .blog-container h6{color:#FEFEFE;} /*h1, h2, h3, h4, h5, h6{color:#FEFEFE;}*/ .post-meta span, .post-meta a{color:#FEFEFE!important;} .post-meta a:hover{color:#fcdc00!important;} /* Override Theme */ .mobile_menu_bar:before{font-size:34px;} .et_pb_pagebuilder_layout.single-post:not(.et-tb-has-body) #main-content .et_pb_with_background .et_pb_row{width: 100%;} @media only screen and (min-width: 981px){ .et_pb_gutters4 .et_pb_column_1_2, .et_pb_gutters4.et_pb_row .et_pb_column_1_2 { width: 48%; } .et_pb_gutters4 .et_pb_column, .et_pb_gutters4.et_pb_row .et_pb_column{margin-right:4%;} } /* Sidebar */ .et_pb_gutter.et_pb_gutters4.et_left_sidebar #main-content .container:before { display:none!important } .et_pb_gutters4.et_left_sidebar #left-area{width:100%; padding-left:0px;} /* Structure */ .container{width:100%; padding:0 15px;} #main-content{margin:30px auto 0 auto; width:100%; max-width: 1316px; padding-top:50px;} .single #main-content{margin:0 auto; padding-top:0px;} .single .container{width:100%; padding: 0 15px;} body.single:not(.et-tb) #main-content .container, body.single:not(.et-tb-has-header) #main-content .container{padding-top:0px;} @media only screen and (max-width: 1200px){ /*#main-content{width:100%;}*/ } @media only screen and (max-width: 980px){ #main-content{margin:50px auto;} .single .container{padding:0px;} .single footer .container{padding: 0 15px;} } /* Header */ #main-header{background:transparent!important;} #main-header .logo_container{height:145px; background:#000;} #main-header.et-fixed-header .logo_container{height:70px;} #main-header #top-menu li a{font-family:'Idlewild', sans-serif; font-size:10px; font-weight: 500; color:#FFF; line-height:1.2} #main-header #top-menu li.mixes a:after{width:100%; height:2px; background-color:#fcdc00; content:''; display:block; margin-top:5px; } #main-header #top-menu li.menu-social a{font-size:18px;} #main-header .logo_container{overflow: hidden; } #top-menu-nav>ul>li>a:hover{opacity: 1!important; color:#fcdc00!important;} #main-header #logo{transition: all 0.2s ease;} #main-header #logo a{display:block;} @media only screen and (min-width: 981px){ #main-header, .logo-container{height:145px!important} #main-header.et-fixed-header, #main-header.et-fixed-header .logo-container{background:#000!important; height:70px!important} #logo { max-height:145px!important;} #main-header.et-fixed-header #logo, #main-header.et-fixed-header .logo-container{max-height:60px!important;} } @media only screen and (max-width: 1200px){ .et_header_style_left #et-top-navigation{padding-left:80px!important;} #main-header, #main-header .logo-container{height:100px!important} #main-header #logo { max-height:100px!important;} } @media only screen and (max-width: 1050px){ #main-header #top-menu li{padding-right: 12px;} } @media only screen and (max-width: 1000px){ #main-header #top-menu li{padding-right: 9px;} } .et_header_style_left #et-top-navigation, .et_header_style_split #et-top-navigation{padding-left:0px;} @media only screen and (max-width: 980px){ .et_header_style_left #et-top-navigation, .et_header_style_split #et-top-navigation{padding-right:20px;} .et_header_style_left .logo_container{background:#000;} #main-header, #main-header .logo_container{height:130px!important} #main-header #logo { max-height:120px!important;} #main-header.et-fixed-header, #main-header.et-fixed-header .logo_container{max-height:65px!important;} #main-header.et-fixed-header #logo{max-height:60px!important;} .et_header_style_left .logo_container{text-align:center; left:0;} } /* Mobile menu */ #main-header .et_mobile_menu{text-align: center; height: 100vh; margin: 0; z-index: -1; top: 0; padding: 170px 10px 40px;} /*#main-header.et-fixed-header .et_mobile_menu{padding-top: 120px;}*/ #main-header .et_mobile_menu li a{font-family:'Idlewild', sans-serif; font-size:16px; font-weight: 500; color:#FFF; text-align:center; padding:15px 0;} #main-header .et_mobile_menu li a:hover{color:#fcdc00;} #main-header .et_mobile_menu li.menu-social{width:60px; display:inline-block;} #main-header .et_mobile_menu li.menu-social a{font-size:24px;} @media only screen and (max-width: 980px){ .et_fixed_nav #main-header{position: fixed; background: #000!important;} } @media only screen and (max-width: 600px){ #et_mobile_nav_menu{margin-right:-15px; margin-top: -10px;} } @media only screen and (max-width: 400px){ #main-header .et_mobile_menu li a{font-size:14px;} } /* Body */ /* Blog */ #main-content .blog-title{text-align:center; margin-bottom:200px;} #main-content .blog-title-category{text-align:center; margin-bottom:100px;} #main-content .blog-title h2{text-align:center; color:#fcdc00; font-size:48px; font-weight:400; font-family:'Idlewild', sans-serif; margin:14px 0 35px 0; line-height:1.2;} #main-content .blog-title p{font-family:'Idlewild', sans-serif; color:#fcfbf7; font-size:12px; font-weight:500; line-height:1.2} #main-content .blog-filter{width:320px; margin:0 auto; text-align: center; position:absolute; left:50%; margin-left:-160px;} #main-content .blog-filter .sort{border-bottom:2px solid #fcdc00; padding:14px 0;} #main-content .blog-filter .sort a{color:#FEFEFE; width:320px; text-align:center; position: relative; display:block; font-family:'Idlewild', sans-serif; font-weight:500; font-size: 12px; text-transform: uppercase; line-height:1.2;} #main-content .blog-filter .sort a:hover{color:#fcdc00;} #main-content .blog-filter .sort a:after{display:inline-block; width:32px; height:18px; background: url('./img/arrow-yellow.svg') no-repeat top center; content:''; margin-left:75px; position: absolute; top:-2px; right: 20px;} #main-content .blog-filter .sort a.open:after{transform: rotate(180deg);} #main-content .blog-filter ul{width:320px; text-align:center; display:none;} #main-content .blog-filter ul li{width:320px; display:block;} #main-content .blog-filter ul li a{color:#FEFEFE; width:320px; display: block; text-align:center; font-family:'Idlewild', sans-serif; font-weight:400; font-size: 12px; text-transform: uppercase; background-color: #000000; border-bottom:2px solid #FFF; padding:14px; line-height:1.2;} #main-content .blog-filter ul li a:hover{color:#000; background:#fcdc00;} /*.torres-brandy-blog-template*/ #main-content .blog-container.blog-flex{display:grid; grid-template-columns: repeat(3, 1fr); gap:100px 50px; place-items: center; align-items: start; padding:0 15px;} #main-content .blog-container article a, .main-content .blog-container article span, .main-content .blog-container article li{color:#FEFEFE;} #main-content .blog-container article a.thumb, #main-content .blog-container article a.thumb img{display:block; overflow:hidden;} #main-content .blog-container article a.thumb img{width:100%; max-width:100%; transition: all 0.75s ease;} #main-content .blog-container article a.thumb:hover img{transform: scale(1.05); } #main-content .blog-container article ul li{display:inline-block; } #main-content .blog-container article .post-content{margin-top:20px; border-left:11px solid #fcdc00; padding-left:21px;} #main-content .blog-container article .post-content li, #main-content .blog-container article .post-content li a{font-size:14px; font-weight:500; line-height:1.2;} #main-content .blog-container article .post-content a h2{color:#FEFEFE; font-size:24px; font-weight:700; padding:10px 0 15px 0; line-height:1.2;} #main-content .blog-container article .post-content p{font-size:12px; font-weight:700; color:#FEFEFE; line-height:1.2;} #main-content .blog-container article .post-content li a:hover, #main-content .blog-container article .post-content a:hover h2{color:#fcdc00;} @media only screen and (max-width: 980px){ #main-content .blog-title{margin-bottom: 150px;} #main-content .blog-title-category{margin-bottom:50px;} #main-content .blog-title h2{font-size:40px; margin-top:10px; line-height:1.2} #main-content .blog-container.blog-flex{grid-template-columns: repeat(2, 1fr); gap:60px 15px; } } @media only screen and (max-width:600px){ /*#main-content .blog-title{margin-bottom: 100px;}*/ #main-content .blog-title h2{font-size:30px; margin-top:5px;} #main-content .blog-container.blog-flex{grid-template-columns: 1fr;} } @media only screen and (max-width:350px){ #main-content .blog-filter{width:290px; margin-left:-145px;} #main-content .blog-filter .sort a, #main-content .blog-filter ul, #main-content .blog-filter ul li, #main-content .blog-filter ul li a{width:290px;} } /* Pagination */ .pagination-container{width:100%; text-align:center; margin:100px auto;} .pagination-container .page-numbers li{display:inline;} .pagination-container .page-numbers li .page-numbers{width:42px; height:42px; line-height:42px; color:#b5b1b1; font-family:'Idlewild', sans-serif; font-weight:400; font-size: 14px; text-align:center; display:inline-block;} .pagination-container .page-numbers li .page-numbers.dots{width:14px; color:#fcdc00;} .pagination-container .page-numbers li a.page-numbers:hover{color:#000; background:#fcdc00} .pagination-container .page-numbers li .page-numbers.current{background:#fcdc00; color:#000;} .pagination-container a.page-numbers.prev, .pagination-container a.page-numbers.next{font-size: 0px; line-height: 55px;} .pagination-container a.page-numbers.prev, .pagination-container a.page-numbers.prev:hover{ background: url('./img/arrow-yellow.svg') no-repeat center center!important; transform: rotate(90deg); opacity: 0.7; transition: all 0.75s ease;} .pagination-container a.page-numbers.prev:hover{ opacity: 1; } .pagination-container a.page-numbers.next, .pagination-container a.page-numbers.next:hover{ background: url('./img/arrow-yellow.svg') no-repeat center center!important; transform: rotate(270deg); opacity: 0.7; transition: all 0.75s ease;} .pagination-container a.page-numbers.next:hover{ opacity: 1; } /*.pagination-container a.page-numbers.prev:hover, .pagination-container a.page-numbers.next:hover{background:transparent!important;}*/ @media only screen and (max-width:400px){ .pagination-container .page-numbers li .page-numbers{width:36px; height:36px; line-height:36px;} .pagination-container a.page-numbers.prev, .pagination-container a.page-numbers.next{line-height: 48px;} } @media only screen and (max-width:360px){ .pagination-container .page-numbers li .page-numbers{width:32px; height:32px; line-height:32px;} .pagination-container a.page-numbers.prev, .pagination-container a.page-numbers.next{line-height: 45px;} } /* Newsletter floating layout */ .mc-layout-container{display:none; background:#fcdc00; border:1px solid #000; padding:60px 25px 20px 25px; position: fixed; top:50%; -ms-transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); right:50%; width:360px; max-width:90%; margin-right:-680px; z-index:100000;} .mc-layout-container.custom-page{display:block; position: static; top:0; -ms-transform: none; -webkit-transform: none; -moz-transform: none; -o-transform: none; transform: none; right:auto; margin: 0 auto 100px auto; width: 550px; max-width: 90%; z-index:1;} .mc-layout-container .close-mc-layout{position:absolute; width:22px; height:22px; border:1px solid #000; display: block; top:20px; right:25px;} .mc-layout-container .close-mc-layout span{width:12px; height:12px;display: block; background:url('./img/cross.png') no-repeat top center; margin:4px;} .mc-layout-container .close-mc-layout:hover{background-color:#000; } .mc-layout-container .close-mc-layout:hover span{background-position:bottom center;} .mc-layout-container .mc-layout-content{position: relative; transition: all 0.75s ease;} .mc-layout-container .mc-layout-content{position: relative;} .mc-layout-container h4{font-family:'Idlewild', sans-serif; font-weight: 500; font-size:16px; line-height:1.5em;} .mc-layout-container h4 br{display:none;} .mc-layout-container .mc-field-group select, .mc-layout-container .mc-field-group input{font-family:'Idlewild', sans-serif; font-weight: 400; font-size: 12px!important; line-height:1.2em!important; padding:14px 4%!important; background:transparent; color:#000; border:1px solid #000; display: inline-block; width:100%; margin-bottom:10px;} .mc-layout-container .mc-tb-hidden{visibility:hidden; position:absolute; z-index:-999; left:-9999px; } /* Hide form elements */ .mc-layout-container .mc-field-group input.error{border-color: #ff0026;} .mc-layout-container .mc-field-group select{-webkit-appearance:none; border-radius:0px;} .mc-layout-container .mc-field-group .select{position: relative;} .mc-layout-container .mc-field-group .select:before{display: block; content:''; width:32px; height:25px; background:url('./img/arrow.svg') no-repeat center center; position: absolute; top:10px; right: 10px; z-index:-1;} .mc-layout-container .mc-field-group input.button{background:#000; color:#fcdc00; cursor:pointer; text-align:center;} .mc-layout-container .mc-field-group input.button:hover{color:#FFF;} .mc-layout-container .mc-field-group.input-group{position: relative;} .mc-layout-container .mc-field-group.input-group input{width:16px; height: 16px; display:inline-block; position: absolute; top:0px; left:0px;} .mc-layout-container .mc-field-group label{font-size:12px; display:inline-block; color:#000; line-height:16px; padding-left:30px;} .mc-layout-container .mc-field-group .legal-acceptance{padding-left:30px; margin-bottom:15px;} .mc-layout-container .mc-field-group .legal-acceptance a{font-size:12px; line-height:16px; color:#000;} .mc-layout-container ::-webkit-input-placeholder, .mc-layout-container ::placeholder{color:#000!important;} .mc-layout-container .mc-layout-content .foot{font-size:14px; color:#ff0026; height:18px;} /*.mc-layout-container{background:#fcdc00; padding:60px 25px 20px 25px; position: fixed; top:30%; right:50%; margin-right:-300px;}*/ @media only screen and (max-width:1375px){ .mc-layout-container{right:15px; margin-right:0px;} } @media only screen and (max-width:980px){ .mc-layout-container{left:50%; top:50%; -ms-transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%); -moz-transform: translate(-50%,-50%); -o-transform: translate(-50%,-50%); transform: translate(-50%,-50%); } } @media only screen and (max-width:600px){ } @media only screen and (max-width:400px){ .mc-layout-container{padding:35px 15px 20px 15px;} .mc-layout-container .close-mc-layout{right:15px; top:15px;} .mc-layout-container h4{text-align:center;} .mc-layout-container h4 br{display:block;} } /* Footer */ footer{ background:#000; padding:0px 0px 100px 0;} #footer-info, #footer-info a{color:#FEFEFE;} .footer{color:#FFF;} .footer a, footer li{color:#FFF;} /* Newsletter */ .footer-newsletter{background-color:#fcdc00; padding:45px 50px 35px 50px; color:#000000; margin-bottom:70px; display: grid; grid-template-columns: 40% 60%; gap:50px 50px; place-items: center; align-items: center;} .footer-newsletter h2, .footer-newsletter h4{font-family:'Idlewild', sans-serif; font-weight: 400; line-height:1.5em;} .footer-newsletter h2{font-size:30px;} .footer-newsletter h4{font-size:12px;} .footer-newsletter .newsletter-form .mc-field-group input{font-family:'Idlewild', sans-serif; font-weight: 400; font-size: 12px!important; line-height:1.2em!important; padding:14px 4%!important; background:transparent; color:#000; border:1px solid #000; display: inline-block; width:70%;} .footer-newsletter .newsletter-form .mc-field-group input.error{border-color: #ff0026;} .footer-newsletter .newsletter-form .mc-field-group input.button{background:#000; color:#fcdc00; width:30%; min-width:120px; cursor: pointer;} .footer-newsletter .newsletter-form .mc-field-group input.button:hover{color:#FFF;} .footer-newsletter ::-webkit-input-placeholder, .footer-newsletter ::placeholder{color:#000!important;} .footer-newsletter .newsletter-form{padding-top:25px;} .footer-newsletter .newsletter-form .foot{margin-top:10px; font-size:14px; padding-left:5px; height:18px; color:#ff0026;} .footer-row{border-top:1px solid #fcdc00; margin-bottom:15px; display:flex; justify-content: space-between; position: relative;} .footer-row .footer-logo{width:94px; margin-left:42px;} .footer-row .footer-logo a{display:block;} .footer-row .footer-claim{font-family:'Idlewild', sans-serif; font-size:14px; font-weight: 500; color:#FFF; text-transform:uppercase; align-self:end; margin-bottom:8px; line-height:1.2; position:absolute; right:0px; bottom: 0px;} .footer-menu{border-top:1px solid #FFF;} .footer-menu a{font-family:'Idlewild', sans-serif; font-size:12px; font-weight: 500; color:#FFF; text-transform: uppercase; line-height:1.2;} .footer-menu a:hover{color:#fcdc00;} .footer-menu .footer-menu-left-container, .footer-menu .footer-menu-right-container{display:inline-block; vertical-align:top;} .footer-menu .footer-menu-left-container{width:400px;} .footer-menu .current-language{position: relative; padding-right:20px;} .footer-menu .current-language{display:block;} .footer-menu .current-language:after{display:block; content:''; background: url('./img/arrow-white.svg') no-repeat; width:34px; height:24px; position: absolute; top:-5px; right:10px;} .footer-menu .current-language:hover:after{background: url('./img/arrow-yellow.svg') no-repeat;} .footer-menu .current-language.open:after{transform:rotate(180deg);} .footer-menu .language-switcher{width:255px; display:inline-block; position: relative; text-align: center; border-right:1px solid #FFF; padding:22px 0 15px 0;} .footer-menu .language-switcher .language-list{width:100%; display: block; position: absolute; top:50px; left:0px; display:none; background:#000; padding:0 0 10px 0;} .footer-menu .language-switcher .language-list li{ text-align: center; width:100%; text-align: center; margin-bottom:13px;} .footer-menu .language-switcher .language-list li a{ display:block; font-size:12px;} .footer-menu .footer-menu-left{ display:inline-block; margin-left:25px;} .footer-menu .footer-menu-right-container{text-align:right; padding-top:16px; float: right;} .footer-menu .footer-menu-right-container ul{ display:inline-block; text-align: right;} .footer-menu .footer-menu-right-container ul li{ display:inline-block; margin-left:22px;} .footer-menu .footer-menu-right-container ul li a{font-size:10px; line-height:1.2;} @media only screen and (max-width:980px){ .footer-row{flex-direction: column;} .footer-row .footer-logo, .footer-row .footer-claim, .footer-menu .footer-menu-left-container, .footer-menu .footer-menu-right-container{width:100%; text-align: center; display:block;} .footer-row .footer-claim{position: static;} .footer-row .footer-logo{margin:0 0 25px 0;} .footer-row .footer-logo a, .footer-row .footer-logo a img{display:block; width:94px; margin:0 auto;} .footer-menu .footer-menu-left-container{width:520px; max-width:100%; margin:0 auto 10px auto;} .footer-menu .footer-menu-left{margin-left:0px;} .footer-menu .footer-menu-left-container li{text-align: left; padding-left:15px; padding-right:15px;} .footer-menu .current-language{padding-right:0px;} .footer-menu .current-language:after{right:8px;} .footer-menu .footer-menu-left-container .language-switcher, .footer-menu .footer-menu-left{width:50%;} .footer-menu .footer-menu-right-container ul{ display:block; text-align: center;} .footer-menu .footer-menu-right-container ul li{ margin:0 7px;} /*.footer-menu .footer-menu-right-container ul li{ display:block; margin:0 0 15px 0px;}*/ .footer-newsletter{display:block;} .footer-newsletter .newsletter-form{padding-top:15px;} } @media only screen and (max-width:600px){ .footer-newsletter{padding:25px 15px 25px 15px;} .footer-newsletter h2{font-size:24px;} .footer-newsletter .newsletter-form{margin-top:15px;} } @media only screen and (max-width:480px){ .footer-menu .footer-menu-left-container .language-switcher{border:0px;} .footer-menu .footer-menu-left-container .language-switcher, .footer-menu .footer-menu-left{width:100%; display:block;} .footer-menu .language-switcher .language-list{border-bottom: 1px solid #FFF;} .footer-menu .footer-menu-left-container li{text-align:center;} .footer-menu .footer-menu-right-container ul li{ display:block; margin:0 0 15px 0px;} .footer-newsletter .newsletter-form .mc-field-group input{font-size:11px!important; padding:10px 5px!important; width:60%;} .footer-newsletter .newsletter-form .mc-field-group input.button{min-width:0; width:40%;} } @media only screen and (max-width:400px){ .footer-newsletter h2{font-size:20px!important;} } /* Single Post */ body.single-post .et_pb_title_meta_container a, body.single-post .et_pb_title_meta_container, body.single-post h1, body.single-post h2, body.single-post h3, body.single-post h4, body.single-post h5, body.single-post h6{font-family:'Idlewild', sans-serif; font-weight:400;} body.single-post .et_post_meta_wrapper{display: none !important; } body.single-post .categories-tags-links{margin-bottom:7px;} body.single-post .categories-tags-links a{display:inline-block; background:#fcdc00; padding:20px; font-family:'Idlewild', sans-serif; margin:0 0 15px 15px; font-size:12px; font-weight:400; line-height:1.2;} body.single-post .categories-tags-links a:hover{color:#000; background-color:#FFF;} body.single-post .post-navigation{margin:50px 0 100px 0;} body.single-post .post-nav{width:23px; height:20px; background:url('./img/arrow-yellow.svg') no-repeat center center; background-size:40px; display:inline-block; transform: rotate(90deg); opacity: 0.7; transition: all 0.75s ease;} body.single-post .post-nav.next-post{transform: rotate(270deg);} body.single-post .post-nav:hover{opacity: 1;} /* Related Articles carousel */ #main-content .slider-container{position:relative; margin-bottom:150px;} #main-content .slider-container article .post-content a h2{font-family: 'Open Sans', sans-serif; line-height:1.2;} .slick-slide {margin: 0 25px; } .slick-list {margin: 0 -25px; } .related-posts-container{padding:0 15px;} .related-posts-container h3{font-size:16px; color:#fcdc00!important; font-weight:400; margin:100px 0 50px; line-height:1.2;} body.single-post .slick-arrow{width:23px; height:20px; background:url('./img/arrow-yellow.svg') no-repeat center center; background-size:40px; display:inline-block; transform: rotate(90deg); opacity: 0.7!important; cursor:pointer; transition: all 0.75s ease; border:0px; font-size:0px; position: absolute; bottom:-70px; left: 0px;} body.single-post .slick-next.slick-arrow{transform: rotate(270deg); left: 30px;} body.single-post .slick-arrow:hover{opacity: 1!important;} @media only screen and (max-width:980px){ /*#main-content .slider-container article{margin:0 8px 0 7px;}*/ .slick-slide {margin: 0 8px 0 7px; } .slick-list {margin: 0 -8px 0 -7px; } .related-posts-container h3{margin:80px 0 40px;} } @media only screen and (max-width:600px){ /*#main-content .slider-container article{margin:0;}*/ #main-content .slider-container{max-width:70%; margin-left:-15px;} #main-content .slider-container .slick-list{overflow:visible;} #main-content .slider-container .slick-list article{margin: 0 15px;} body.single-post .slick-arrow{left:15px;} body.single-post .slick-next.slick-arrow{left:45px;} .slick-slide {margin: 0;} .slick-list {margin: 0; } .related-posts-container h3{margin:60px 0 30px;} body.single-post .categories-tags-links{margin-bottom:15px;} } /* 404 */ .error404 p{color:#FFF;} .not-found-title{font-family:'Idlewild', sans-serif;color:#FFF; margin-bottom: 20px;} /* Custom CSS Checkbox */ .toggle{--uiToggleSize: var(--toggleSize, 1.25rem); --uiToggleBorderWidth: var(--toggleBorderWidth, 2px); --uiToggleColor: var(--toggleColor, #222); display: var(--toggleDisplay, inline-flex); position: relative; } .toggle__input{width: var(--uiToggleSize); height: var(--uiToggleSize); opacity: 0; position: absolute; top: 0; left: 0; margin: 0; } .toggle__label{display: inline-flex; min-height: var(--uiToggleSize); } .toggle__input:not(:disabled) ~ .toggle__label{cursor: pointer; } .toggle__label::after{content: ""; box-sizing: border-box; width: 1em; height: 1em; font-size: var(--uiToggleSize); /* 1 */ background-color: transparent; border: var(--uiToggleBorderWidth) solid var(--uiToggleColor); position: absolute; left: 0; top: 0; z-index: 2; } .toggle__input:checked ~ .toggle__label::after{background-color: var(--uiToggleColor); } .toggle__text{margin-top: auto; margin-bottom: auto; } .toggle__label::before{content: ""; width: 0; height: 0; font-size: var(--uiToggleSize); /* 1 */ border-left-width: 0; border-bottom-width: 0; border-left-style: solid; border-bottom-style: solid; border-color: var(--toggleArrowColor, #fff); position: absolute; top: .5428em; left: .25em; z-index: 3; transform-origin: left top; transform: rotate(-40deg) skew(10deg); } .toggle__input:checked ~ .toggle__label::before{--uiToggleArrowWidth: var(--toggleArrowWidth, 2px); width: .5em; height: .2em; margin-left:-1px; border-left-width: var(--uiToggleArrowWidth); border-bottom-width: var(--uiToggleArrowWidth); border-color:#fcdc00; }