/* Theme Name: Mobile Syrup 2021 Theme URI: Author: Ellsworth Media Author URI: http://www.ellsworthmedia.com/ Version: 1.1 */ @font-face { font-family: 'Proxima'; src: url('assets/fonts/proxima-regular.woff2') format('woff2'), url('assets/fonts/proxima-regular.woff') format('woff'); } /*@font-face { font-family: 'Roboto Slab'; src: url('assets/fonts/RobotoSlab-Regular-webfont.woff2') format('woff2'), url('assets/fonts/RobotoSlab-Regular-webfont.woff') format('woff'); }*/ /*-----------------------------------------------------------------------------------*/ /* Body, Typography and some main Elements /*-----------------------------------------------------------------------------------*/ html * { -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; -webkit-font-smoothing:antialiased; -moz-font-smoothing:antialiased; font-smoothing: antialiased; } body { font-size:16px; color:#3f3d3d; font-family:Proxima,Helvetica,Arial,sans-serif; overflow-x:hidden; letter-spacing:0; font-weight:400; } input, textarea { border-radius:0; } input, textarea, select, label { outline:0; } input:focus, input:hover { outline:0; } ::-webkit-input-placeholder { color:#000; opacity:1; } :-moz-placeholder { color:#000; opacity:1; } ::-moz-placeholder { color:#000; opacity:1; } :-ms-input-placeholder { color:#000; opacity:1; } h1, h2, h3, h4, h5, h6 { padding:0; margin:0 0 15px 0; line-height:1.3; font-family:"Roboto Slab", Arial, sans-serif; letter-spacing:0; font-weight:400; } h1 { font-size:44px; color: #000; } h2 { font-size:24px; } h3 { font-size:18px; } h4 { font-size:18px; } h5 { font-size:18px; } h6 { font-size:18px; } img { display:block; max-width:100%; height:auto; } ul,ol { margin:0; padding:0; list-style:none; } a, a:visited, a:active, input[type=submit] { text-decoration:none; } a:focus, a:hover { text-decoration:none; outline:0; } :focus, :hover { text-decoration:none; outline:0; } p { margin:0 0 25px 0; line-height:1.5; } .animate { transition:all 0.3s ease 0s; -webkit-transition:all 0.3s ease 0s; -moz-transition:all 0.3s ease 0s; -ms-transition:all 0.3s ease 0s; } .no-animate { transition:none; -webkit-transition:none; -moz-transition:none; -ms-transition:none; } strong { font-weight:900; } .button { display:inline-block; padding:8px 24px; font-size:18px; color:#f70f37; font-weight:400; font-family:"Roboto Slab", Arial, sans-serif; border:1px solid #f70f37; } .button:hover { background:#f70f37; color:#FFF; } .clearfix {/*overflow: auto;*/} .clearfix::after { content: ""; clear: both; display: table; } /* category colors */ /*.category-color.features, .category-color.features-buyers-guide { background:#1d71f5; }*/ .category-color.features, .category-color.features-buyers-guide { background:#009376; } .category-color.news, .category-color.news-apps, .category-color.news-gaming, .category-color.news-steaming, .category-color.news-phones, .category-color.news-carriers, .category-color.news-tablets { background: #f70f37; } .category-color.business, .category-color.business-general { background:#efca2b; } /*.category-color.reviews { background:#009376; }*/ .category-color.reviews { background: #0a49bb !important; } .category-color.resources, .category-color.resources-how-tos { background:#fc32bf; } .category-color.syrup-community, .category-color.syrupcast, .category-color.viewer-experience { background:#70112a; } .category-color.deals { background:#f47d4a;} .category-color.gaming { background: #6740e2; } .category-color.sponsored { background: #000; } #header .header-right > nav > ul > li.cat-syruparcade > a.title {color: #6740e2;} /*-----------------------------------------------------------------------------------*/ /* Structure /*-----------------------------------------------------------------------------------*/ .container { margin:0 auto; width:1392px; padding-left:0; padding-right:0; max-width:none; } .view-mobile { display:none; } /*-----------------------------------------------------------------------------------*/ /* Header styling /*-----------------------------------------------------------------------------------*/ #header-top { padding:0 48px; border-bottom:1px solid #E6E6E7; } #header-top .social-links { float:right; } #header-top .social-links li { float:left; margin:0 2px 0 0; } #header-top .social-links li:last-child { margin-right:0; } #header-top .social-links li a { width:36px; height:36px; display:block; background-color:#F70F37; background-position:center center; background-repeat:no-repeat; background-size:auto auto; } #header-top .social-links li a:hover { background-color:#000; } #header-top .social-links li.twitter a { background-image:url(images/icon-twitter.svg); } #header-top .social-links li.facebook a { background-image:url(images/icon-facebook.svg); } #header-top .social-links li.youtube a { background-image:url(images/icon-youtube.svg); } #header-top .social-links li.instagram a { background-image:url(images/icon-instagram.svg); } #header-top nav { float:right; margin:5px 48px 0 0; } #header-top nav li { float:left; margin:0 20px 0 0; } #header-top nav li:last-child { margin:0; } #header-top nav li a { text-transform:uppercase; font-size:.6875em; color:#808184; font-family:Arial,"Helvetica Neue",Helvetica,sans-serif; } #header-top nav li a:hover { color:#000; } #header { padding:0 0 0 48px; border-bottom:1px solid #E6E6E7; position:relative; } #header .logo { float:left; margin:25px 0 0 0; } #header .header-right { float:right; } #header .header-right > nav { float:left; } #header .header-right > nav > ul > li { float:left; margin:0 25px 0 0; } #header .header-right > nav > ul > li:last-child { margin-right:0; } #header .header-right > nav > ul > li > a { display:block; font-family:"Roboto Slab", Arial, sans-serif; font-size:18px; color:#59595b; padding:29px 0 24px 0; border-bottom:5px solid #fff; } #header .header-right > nav > ul > li .nav-container { position:absolute; top:84px; left:0; right:0; background:#FFF; z-index:100; display:none; border-bottom: solid 1px #E6E6E7;} #header .header-right > nav > ul > li.show-sub-menu .nav-container { display:block; } #header .header-right > nav > ul > li.show-sub-menu > a { border-color:#F70F37; } #header .header-right > nav > ul > li .sub-nav { float:left; width:216px; background:#e6e6e7; padding:24px 0; min-height:350px; } #header .header-right > nav > ul > li .sub-nav > li { float:none; } #header .header-right > nav > ul > li .sub-nav > li > a { display:block; padding:7px 0 7px 24px; color:#59595b; font-size:15px; font-family:"Open Sans", Arial, sans-serif; } #header .header-right > nav > ul > li .sub-nav > li:hover > a { background:#B6B7B9; color:#FFF; } #header .header-right > nav > ul > li .sub-nav > li:hover .sub-nav-mega-container { display:block; } #header .header-right .nav-mega-container > .post-item { float:left; margin:0 24px 0 0; width:200px; } #header .header-right .nav-mega-container > .post-item .post-thumbnail { display:block; position:relative; margin:0 0 18px 0; width:100%; height:141px; background-size:cover; background-repeat:no-repeat; background-position:center center; } #header .header-right .nav-mega-container > .post-item .post-thumbnail:before { position:absolute; content:""; display:none; width:100%; height:100%; top:0; left:0; background:rgba(0,0,0,0.5); } #header .header-right .nav-mega-container > .post-item:hover .post-thumbnail:before { display:block; } #header .header-right .nav-mega-container > .post-item .post-meta { color:#808184; text-transform:uppercase; margin:0 0 10px 0; font-size: .6875em; } #header .header-right .nav-mega-container > .post-item h3 { font-size:15px; font-weight:400; } #header .header-right .nav-mega-container > .post-item h3 a { color:#000; } #header .header-right .nav-mega-container > .post-item:last-child { margin-right:0; } #header .header-right .nav-mega-container { position:absolute; left:264px; top:36px; } #header .header-right .sub-nav-mega-container { display:none; background:#FFF; } /* search bar */ #header .header-right .nav-search { float:right; } #header .header-right .nav-search a { display:block; width:100px; height:83px; background:url(images/icon-search.svg) no-repeat center center; transition:none; -webkit-transition:none; -moz-transition:none; -ms-transition:none; } #header .header-right .nav-search.nav-search-open a { background-image:url(images/icon-close.svg); } #header .header-right .nav-search .search-form { display:none; position:absolute; top:84px; left:0; width:100%; padding:10px 0; text-align:center; background:#F70F37; z-index:9999; } #header .header-right .nav-search .search-form input[type=text] { height:30px; line-height:30px; color:#FFF; width:380px; text-align:left; padding:0; margin:0 auto; border:none; background:none; font-size:20px; font-weight:300; font-family:"Roboto Slab", Arial, sans-serif; } #header .header-right .nav-search .search-form input[type=text]::-webkit-input-placeholder { color: rgb(255,255,255, 0.8); text-align:center; } #header .header-right .nav-search .search-form input[type=text]:-moz-placeholder { color: rgb(255,255,255, 0.8); text-align:center; } #header .header-right .nav-search .search-form input[type=text]::-moz-placeholder { color: rgb(255,255,255, 0.8); text-align:center; } #header .header-right .nav-search .search-form input[type=text]:-ms-input-placeholder { color: rgb(255,255,255, 0.8); text-align:center; } #header .mobile-menu { display:none; } /*-----------------------------------------------------------------------------------*/ /* Footer styling /*-----------------------------------------------------------------------------------*/ #footer-widgets-section { padding:48px 0 0 0; } #footer-widgets-section .container { max-width:1140px; width:100%; } #footer-widgets-section .footer-widget { float:left; } #footer-widgets-section .footer-widget1 { width:50%; } #footer-widgets-section .footer-widget2 { width:16.66667%; } #footer-widgets-section .footer-widget3 { width:16.66667%; } #footer-widgets-section .footer-widget4 { width:16.66667%; } #footer-widgets-section .footer-widget h4 { margin:0 0 18px 0; color:#000; font-size:15px; font-weight:400; } #footer-widgets-section .footer-widget ul li { margin:0 0 7px 0; } #footer-widgets-section .footer-widget ul li a { color:#59595b; font-family:"Open Sans", Arial, sans-serif; font-size:13px; } #footer-widgets-section .footer-widget ul li a:hover { color:#000; } #footer { padding:0 0 48px 0; } #footer .container { max-width:1140px; width:100%; } #footer h4 { margin:0 0 10px 0; color:#000; font-size:15px; font-weight:400; } /* mailchimp form */ #footer .sign-up #mc_embed_signup {clear:left; margin:0 0 20px 0;} #footer .sign-up #mc_embed_signup form {padding: 0; text-align: left;} #footer .sign-up .mc-field-group { display: inline-block; } #footer .sign-up #mc_embed_signup input.email { font-size: 15px; border: 1px solid #e6e6e7; color: #343434; background-color: #e6e6e7; box-sizing:border-box; height:32px; padding: 0px 0.4em; display: inline-block; margin: 0; width:235px; vertical-align:top; border-radius: 0; } #footer .sign-up #mc_embed_signup label {display:block; font-size:16px; padding-bottom:10px; font-weight:bold;} #footer .sign-up #mc_embed_signup .clear {display: inline-block;} #footer .sign-up #mc_embed_signup .button, #mc_embed_signup input.button { font-family: "Roboto Slab", Arial, sans-serif; font-size: .875em; border: none; color: #fff; background-color: #f70f37; box-sizing:border-box; height:32px; line-height:32px; padding:0 18px; display: inline-block; margin: 0; transition: all 0.23s ease-in-out 0s; border-radius: 0; } #footer .sign-up #mc_embed_signup .button:hover {background-color:#000; cursor:pointer;} #footer .sign-up #mc_embed_signup div#mce-responses {float:left; top:-1.4em; padding:0em .5em 0em .5em; overflow:hidden; width:90%;margin: 0 5%; clear: both;} #footer .sign-up #mc_embed_signup div.response {margin:1em 0; padding:1em .5em .5em 0; font-weight:bold; float:left; top:-1.5em; z-index:1; width:80%;} #footer .sign-up #mc_embed_signup #mce-error-response {display:none;} #footer .sign-up #mc_embed_signup #mce-success-response {color:#529214; display:none;} #footer .sign-up #mc_embed_signup label.error {display:block; float:none; width:auto; margin-left:1.05em; text-align:left; padding:.5em 0;} @media (max-width: 768px) { #footer .sign-up #mc_embed_signup input.email {width:100%; margin-bottom:5px;} #footer .sign-up #mc_embed_signup .clear {display: block; width: 100% } #footer .sign-up #mc_embed_signup .button {width: 100%; margin:0; } } #footer p { margin:0; color:#808184; font-size:12px; text-transform:uppercase; } #footer p a { color:#808080; display:inline-block; } #footer p a:hover { color:#000; } #footer p a:first-child { margin-left:20px; } .fixed-mobile-ad {display: none;} .grecaptcha-badge {display: none;} /*-----------------------------------------------------------------------------------*/ /* Shared styling /*-----------------------------------------------------------------------------------*/ #page-title { text-align: center; } #page-title h1 { text-align: center; padding: 0 30px; margin: 50px 0 0 0; width: auto; display: inline-block; } #page-title h1.category-color { color: #fff; } #page-title.arcade { background: #000 url(images/arcade-header.jpg) no-repeat center center / auto 127px; height: 127px;} #page-title.launches { background: #f4193d; hwidth: 100%; position: relative; text-align: center;} #launch-title {display: inline-block; height: 100px; width: auto; margin: 20px 10px;} #launch-logo {display: inline-block; height: 100px; width: auto; margin: 20px 10px;} /*-----------------------------------------------------------------------------------*/ /* Home Page styling /*-----------------------------------------------------------------------------------*/ #home-featured-section { padding:40px 0; } #home-featured-section .container { display:flex; } #home-featured-section .left-column { width:25.25%; padding:0 24px; flex-direction:column; } #home-featured-section .left-column .content h2 { font-size:18px; } #home-featured-section .middle-column { width:49.5%; padding:0 24px; flex-direction:column; } #home-featured-section .middle-column .content h2 { font-size:48px; } #home-featured-section .middle-column .featured-post .image-container:before { padding-top:86.4%; } #home-featured-section .right-column { width:25.25%; padding:0 24px; flex-direction:column; } #home-featured-section .right-column .content h2 { font-size:18px; } .featured-post { display:flex; flex-direction:column; margin:0 0 18px 0; } .featured-post .image-container { display:inline-block; width:100%; position:relative; margin:0 0 18px 0; } .featured-post .image-container:before { padding-top:56.1%; display:block; content:""; } .featured-post .image-container a { position:absolute; top:0; left:0; bottom:0; right:0; background-repeat:no-repeat; background-size:cover; background-position:center center; } .featured-post .content .category { padding:4px 12px; display:inline-block; vertical-align:middle; margin:0 4px 12px 0; color:#FFF; font-size:14px; font-family:"Roboto Slab", Arial, sans-serif; } .featured-post .content .post-meta, .featured-post .content p.post-meta { display:inline-block; vertical-align:middle; font-family: Arial,"Helvetica Neue",Helvetica,sans-serif; font-size:14px; color:#808184; margin:0 0 12px 0; } .featured-post .content h2 { margin:0; font-weight:400; font-size:24px; } .featured-post .content h2 a { color:#000; } .featured-post .content h2 a:hover { color: #F70F37; } .post-format-video { background-image: url(assets/img/video-icon-large.png); background-size: 20% auto; background-repeat: no-repeat; position: absolute; background-position: center; z-index: 1; top: 0; right: 0; left: 0; bottom: 0; } .ad-container { background:#E6E6E7; padding:24px 0; text-align:center; } .ad-container img { margin:0 auto; } #top-stories-section { padding:48px 0; } #top-stories-section .container > h2 { font-size:40px; color:#f70f37; margin:0 0 28px 0; padding:0 24px; font-weight:400; } #top-stories-section .posts-list { display:flex; } #top-stories-section .posts-list .featured-post { width:33.333333%; padding:0 24px; } .ad-block-a {} #latest-news-section .container > h2 { padding:36px 0 0 0; border-top:1px solid #e6e6e7; } .blog-list-section { padding: 30px 0 36px 0; } .blog-list-section .container { flex-direction:row; flex-wrap:wrap; justify-content:space-between; padding:0 24px; display:flex; } .blog-list-section .container > h2 { width:100%; font-size:40px; color:#f70f37; margin:0 0 28px 0; font-weight:400; } .blog-list-section .button-container { width:100%; text-align:center; clear: both; padding-top: 15px; } .blog-list-section .main-content { width:65%; flex-direction:column; } .blog-list-section .main-content .featured-post { flex-direction:row; border-bottom:1px solid #e6e6e7; } .blog-list-section .main-content .featured-post:last-child, .blog-list-section .main-content div:last-of-type { border-bottom:none; } .blog-list-section .main-content .featured-post .image-container { width:40%; } .blog-list-section .main-content .featured-post .content { width:60%; padding-left:32px; } .blog-list-section .main-content .featured-post .content h2 { margin:0 0 15px 0; } .blog-list-section .right-sidebar { width:30%; flex-direction:column; display:flex; } .blog-list-section .right-sidebar .sidebar-widget { border-bottom: 1px solid #e6e6e7; margin:0; padding:0; clear: both; } .blog-list-section .right-sidebar .sidebar-widget .ad-holder { text-align: center; margin: 0 auto 40px auto; } .blog-list-section .right-sidebar .sidebar-widget .ad-holder-alt { margin: 40px auto; } .blog-list-section .right-sidebar .sidebar-widget:last-child { border-bottom:none; margin:0; padding:0; } .blog-list-section .right-sidebar .sidebar-widget img { margin:0 auto; } .blog-list-section .right-sidebar .sidebar-widget h3 { margin: 30px 0 20px 0; color:#f70f37; font-size:20px; font-weight:400; } .blog-list-section .right-sidebar .sidebar-widget .featured-post { flex-direction:row; } .blog-list-section .right-sidebar .sidebar-widget .featured-post .image-container { width:36%; } .blog-list-section .right-sidebar .sidebar-widget .featured-post .content { width:64%; padding-left:24px; } .blog-list-section .right-sidebar .sidebar-widget .featured-post .content h2 { font-size:16px; } #div-gpt-ad-bigbox-rightrail-1, #div-gpt-ad-bigbox-rightrail-2 {text-align: center;} .newsletter-form-container { background:#F70F37; padding:20px; max-width:300px; margin:40px auto; text-align:center; } .newsletter-form-container img { width:130px; margin:0 auto 20px auto !important; } .newsletter-form-container p { color:#FFF; font-weight:300; font-size:18px; font-family:"Roboto Slab", Arial, sans-serif; margin:0 0 20px 0; } /* mailchimp */ .newsletter-form-container #mc_embed_signup {clear:left; } .newsletter-form-container #mc_embed_signup form {display:block; position:relative; text-align: center; padding: 0;} .newsletter-form-container #mc_embed_signup input:focus {border-color:#333;} .newsletter-form-container #mc_embed_signup .button { clear:both; background-color: #6f112b; border: 0 none; border-radius:4px; letter-spacing:.03em; color: #FFFFFF; cursor: pointer; display: inline-block; font-size:15px; height: 32px; line-height: 32px; margin: 0 5px 10px 0; padding:0; text-align: center; text-decoration: none; vertical-align: top; white-space: nowrap; width: auto; transition: all 0.23s ease-in-out 0s; } .newsletter-form-container #mc_embed_signup .button:hover {background-color:#000;} .newsletter-form-container #mc_embed_signup .small-meta {font-size: 11px;} .newsletter-form-container #mc_embed_signup .nowrap {white-space:nowrap;} .newsletter-form-container #mc_embed_signup .clear {clear:none; display:inline;} .newsletter-form-container #mc_embed_signup label {display:block; font-size:16px; padding-bottom:10px; font-weight:bold;} .newsletter-form-container #mc_embed_signup input.email { font-size: 15px; display:block; padding:0 0.4em; margin: auto; min-height:32px; width: auto; min-width:130px; border: 1px solid #fff !important; background-color: #fff !important; } .newsletter-form-container #mc_embed_signup input.button {display:block; margin: 10px auto; min-width:90px; width: auto; border-radius: 0;} .newsletter-form-container #mc_embed_signup div#mce-responses {float:left; top:-1.4em; padding:0em .5em 0em .5em; overflow:hidden; width:90%;margin: 0 5%; clear: both;} .newsletter-form-container #mc_embed_signup div.response {margin:1em 0; padding:1em .5em .5em 0; font-weight:bold; float:left; top:-1.5em; z-index:1; width:80%;} .newsletter-form-container #mc_embed_signup #mce-error-response {display:none;} .newsletter-form-containerp #mc_embed_signup #mce-success-response {color:#529214; display:none;} .newsletter-form-container #mc_embed_signup label.error {display:block; float:none; width:auto; margin-left:1.05em; text-align:left; padding:.5em 0;} .newsletter-form-container .mc-field-group { display: inline-block; } #wide-featured-post { position:relative; padding:24px 0; text-align:center; } #wide-featured-post .container { padding:0 24px; } #wide-featured-post .dark-bg { height:250px; background:#000; width:100%; top:0; left:0; position:absolute; z-index:-1; } #wide-featured-post img { width:52px; margin:0 auto; } #wide-featured-post .container > h2 { margin:0 0 24px 0; color:#FFF; font-size:32px; } #wide-featured-post .featured-post .image-container { margin:0 0 40px 0; } #wide-featured-post .featured-post .image-container:before { padding-top:27.191%; } #wide-featured-post .featured-post .content h2 { font-size:32px; max-width:720px; margin:0 auto 20px auto; } #callout-section { padding:24px 0; background:#E6E6E7; text-align:center } #callout-section .container { padding:0 24px; display:flex; } #callout-section .left-column { width:300px; } #callout-section .right-column { width:300px; } #callout-section .middle-column { width:calc(100% - 696px); margin:0 24px; padding:20px 15px; background:#f70f37; min-height:250px; } #callout-section .middle-column img { margin:0 auto 20px auto; width:130px; } #callout-section .middle-column h2 { margin:0 auto 10px auto; font-size:28px; color:#FFF; max-width:430px; font-weight:300; } #callout-section .middle-column p { color:#FFF; margin:0 0 13px 0; font-size:16px; } #callout-section .middle-column .button { color:#FFF; border-color:#FFF; } #callout-section .middle-column .button:hover { background:#FFF; color:#f70f37; } #double-features-section { display:flex; } #double-features-section .featured-post { width:50%; position:relative; margin:0; } #double-features-section .featured-post .image-container { position:relative; margin:0; } #double-features-section .featured-post .image-container:after { content:""; background:rgba(0,0,0,0.5); position:absolute; top:0; left:0; width:100%; height:100%; } #double-features-section .featured-post .content { position:absolute; bottom:64px; left:0; width:100%; padding:0 48px; z-index:10; } #double-features-section .featured-post .content h2 { margin:0; } #double-features-section .featured-post .content h2 a { color:#FFF; } /*-----------------------------------------------------------------------------------*/ /* About / Contact Page styling /*-----------------------------------------------------------------------------------*/ /* intro */ .page-template-page-about #about {padding: 96px 0;} .about-intro h2 {font-size: 42px; margin: 0 0 19px 0; font-weight: 300;} .about-intro .sub-heading-3 {font-size: 21px; margin: 0 0 25px 0; font-family: "Open Sans",sans-serif; font-weight: 400; color: #000; line-height: 1.25} .about-intro .intro-paragraph {margin: 0 0 32px 0;} .about-intro .about-image {padding-left: 75px;} /* contact form */ #connect {background-color: #e6e6e7; padding: 60px 0;} .contact-form .inner-wrapper {max-width: 1140px; margin: 0 auto; padding: 0 15px 0 0;} .wpcf7 form .wpcf7-response-output {margin: 2em 0.5em 1em; padding: 0.2em 1em; border: 2px solid #00a0d2;} .contact-form .contact-info h4 {margin:0 0 22px 0; font-size: 24px; font-weight: 400;} .contact-form .contact-info p {margin:0 0 25px 0; font-size: 16px;} .contact-form .contact-info p a {color: #f70f37;} .contact-form .contact-info p a:hover {color: #f70f37; text-decoration: underline;} .contact-form .contact-info .contact-success, .contact-form .contact-info .copy-success {display:none} .contact-form .form-container+p {margin:0} .contact-form .form-container label { display:block; margin-bottom:8px; color:#808184; font-family:Arial,"Helvetica Neue",Helvetica,sans-serif; font-size:.6875em; text-transform:uppercase } .contact-form .row-1+p {margin:0} .contact-form .name-address-wrapper input {margin-bottom:22px; border:none; width: 90%; max-width:290px; padding:7px;} .contact-form .text-area-wrapper+p {margin:0} .contact-form .text-area-wrapper p {margin:0} .contact-form .text-area-wrapper .captcha-container {margin-bottom:10px} .contact-form .submit-button { background-color:transparent; border:1px solid #f70f37; color:#f70f37; font-size: 16px; width:auto; margin-left:0; padding: 8px 19px; font-family: "Roboto Slab", Arial, sans-serif; } .contact-form .submit-button:hover {background:#f70f37;color:#fff} .contact-form textarea {margin-bottom:24px;border:none;width:100%;max-height:127px;padding:7px} .contact-form input::-webkit-input-placeholder, .contact-form textarea::-webkit-input-placeholder {font-style:italic;color:#414041;font-size:.6875em;font-family:arial;text-transform:uppercase} .contact-form input:-moz-placeholder, .contact-form textarea:-moz-placeholder {font-style:italic;color:#414041;font-size:.6875em;font-family:arial;text-transform:uppercase} .contact-form input:-ms-input-placeholder, .contact-form textarea:-ms-input-placeholder {font-style:italic;color:#414041;font-size:.6875em;font-family:arial;text-transform:uppercase} @media (min-width:500px) { .contact-form .inner-wrapper {padding-right:55px} } @media (min-width:640px) { .contact-form .inner-wrapper {padding-right:15px} .contact-form .name-address-wrapper {padding-right:40px} .contact-form .name-address-wrapper input {max-width:none} .contact-form .name-address-wrapper .email input {margin-bottom:0} .contact-form .name-address-wrapper, .contact-form .text-area-wrapper {float:left; width:50%} } @media (min-width:768px) { .contact-form .inner-wrapper {padding-right:96px} } @media (min-width:992px) { .contact-form .inner-wrapper {padding-right:15px} .contact-form .contact-info {float:left; width:38%; padding-right:60px} .contact-form .form-container {float:left;width:62%} .contact-form .name-address-wrapper {padding-right:30px} } @media (min-width:1200px) { .contact-form .contact-info {width:32%} .contact-form .form-container {width:68%} } .post-container {max-width: 1140px;} #about-team {padding: 60px 0;} #about-team .about-page h3 {margin: 0 0 45px 0; font-size: 32px; font-weight: 300; } .about-bio-section .about-item {margin-bottom: 60px;} @media (min-width: 768px) { .about-bio-section .about-item:nth-child(odd) {clear: left;} } .about-bio-section .section-heading {margin:0 0 5px 0; font-weight: 700; font-size: 21px; color: #000;} .about-bio-section .about-item {margin-bottom:48px} .about-bio-section .column-1 {margin-bottom:24px} .about-bio-section .column-1 figure {margin-bottom:30px} .about-bio-section .column-1 .about-link { color:#3f3d3d; font-size:16px; font-family: Proxima,Helvetica,Arial,sans-serif; display:block; padding-bottom:10px; margin-bottom:10px; border-bottom:1px solid #e6e6e7 } .about-bio-section .column-1 .about-link:hover {color: #f70f37;} .about-bio-section .column-1 .about-link:last-child {border-bottom:0;margin-bottom:0} .about-bio-section .about-title {font-size: 15px; font-weight: 400; margin:0 0 15px 0;color:#000; font-family: "Roboto Slab",Georgia,serif;} .about-bio-section .about-bio {margin:0; font-size: 15px; font-family: Proxima,Helvetica,Arial,sans-serif; padding-bottom: 10px;} .about-bio-section .about-posts-link {color:#f70f37; font-size:15px; font-family: Proxima,Helvetica,Arial,sans-serif;} @media (min-width:480px) { .about-bio-section .column-1 {float:left; width:40%; padding-right:24px;} .about-bio-section .column-1 .about-social-link {max-width:none;} .about-bio-section .column-2 {float:left;width:60%;} .about-bio-section .section-heading.desktop {display:block} .about-bio-section .section-heading.mobile {display:none} .about-bio-section .about-item {margin-bottom:60px} .about-bio-section .about-title.desktop {display:block} .about-bio-section .about-title.mobile {display:none} } @media (min-width:768px) { .about-bio-section .about-item:nth-child(odd) {clear:left} } @media (min-width:992px) { .about-bio-section .column-1, .about-bio-section .column-2 {padding-right:30px} .about-bio-section .about-item {margin-bottom:96px} } @media (min-width:1200px) { .about-bio-section .column-1 {padding-right:60px} .about-bio-section .column-2 {padding-right:96px} } /* ads */ .ad-container.about-page-ad {background-color: #e6e6e7; padding: 30px 0; text-align: center;} /* community */ #syrup-community {padding: 60px 0;} .about-syrup-community .syrup-community-column {margin-bottom:48px} .about-syrup-community .syrup-community-column:last-child {margin-bottom:0} .about-syrup-community h3 {margin: 0 0 45px 15px; font-size: 32px; font-weight: 300;} .about-syrup-community figure {margin-bottom:20px; display: block;} #syrup-community figure .about-image-wrapper {width: 100%; display: inline-block; position: relative;} #syrup-community figure .about-image-wrapper .image-div {background-size: cover; background-position: center; height: 380px;} .about-syrup-community .sub-header-1 {display:block;margin-bottom:16px;color:#000; font-family: "Roboto Slab", Arial, sans-serif; font-size: 21px;} .about-syrup-community .syrup-copy {margin:0 0 25px 0; font-size: 16px; font-family: Proxima,Helvetica,Arial,sans-serif;} .about-syrup-community .learn-more-button { padding:6px 22px; display:inline-block; border: 1px solid #f70f37; color: #f70f37; font-family: "Roboto Slab", Arial, sans-serif; font-size: 1em; } .about-syrup-community .learn-more-button:hover {color: #fff; background: #f70f37;} @media (min-width:480px) and (max-width:767px) { .about-syrup-community figure {float:left;width:40%} .about-syrup-community .syrup-copy-wrapper {float:left;width:55%;margin-left:5%} } .about-syrup-community .syrup-community-column:last-child {margin-bottom: 0;} /* newsletter signup */ .newsletter-signup-a {background-color: #414041; padding: 30px 15px; margin-bottom: 41px;} @media (min-width: 480px) { .newsletter-signup-a {margin-bottom: 88px;} } .newsletter-signup-a .page-newsletter-success {display:none} .newsletter-signup-a .inner-wrapper {max-width:560px;margin:0 auto} .newsletter-signup-a .newsletter-callout {float:left; font-size: 24px; font-weight:300; color:#fff; margin:0 0 24px 0} .newsletter-signup-a .sign-up+p {margin:0} .newsletter-signup-a .sign-up span {float:left} .newsletter-signup-a .newsletter-signup-grey {background-color:#fff; width:100%; max-width:300px; margin:0 5px 24px 0} .newsletter-signup-a .submit-button {margin-left:0;float:left;padding-top:8.5px;padding-bottom:8.5px} @media (min-width:424px) { .newsletter-signup-a .newsletter-signup-grey { margin-bottom:0 } } @media (min-width:480px) { .newsletter-signup-a { margin-bottom:88px } } @media (min-width:1200px) { .newsletter-signup-a .inner-wrapper { max-width:1110px } .newsletter-signup-a .newsletter-callout { margin:0 96px 0 0; font-family: "Roboto Slab", Arial, sans-serif; } .newsletter-signup-a .newsletter-signup-grey { margin:0 5px 0 0; width:300px } .newsletter-signup-a .sign-up { float:left } } div.wpcf7-response-output, div.wpcf7-validation-errors { display:none!important } span.wpcf7-not-valid-tip { display:none } .ajax-loader { display:none } #social-block {} .social-feeds {margin-bottom:48px} .social-feeds h4 {text-align:center;margin:0 0 41px 0; font-size: 28px; font-weight: 300;} .social-feeds .social-column {padding:0 15px} .social-feeds .social-column:first-of-type {margin-bottom:48px} .social-feeds .social-column h3 {font-size: 21px; margin:10px 0 0 24px; float:left; font-weight:400} .social-feeds .social-column .facebook-header, .social-feeds .social-column .twitter-header {padding:24px 24px} .social-feeds .social-column .facebook-header .icon-container, .social-feeds .social-column .twitter-header .icon-container {height:48px; width:48px; float:left} .social-feeds .social-column .facebook-header .icon-container { background-image:url(assets/img/About-social-facebook.png); background-image:url(assets/img/About-social-facebook.svg); background-size:auto auto; background-repeat:no-repeat } .social-feeds .social-column .twitter-header .icon-container { background-image:url(assets/img/About-social-twitter.png); background-image:url(assets/img/About-social-twitter.svg); background-size:auto auto; background-repeat:no-repeat } .social-feeds .social-column .facebook-header, .social-feeds .social-column .fb-feed, .social-feeds .social-column .tw-feed, .social-feeds .social-column .twitter-header {border:1px solid #e6e6e7} .social-feeds .social-column .fb-feed, .social-feeds .social-column .tw-feed {border-top:none; height:390px; overflow:auto; padding:0 24px 24px} .social-feeds .social-column .fb-feed {padding-top:3px} .social-feeds .social-column .fb-feed #cff .cff-item { padding:4px 0 0 } .social-feeds .social-column .fb-feed #cff .cff-item .cff-post-links { padding-top:0 } .social-feeds .social-column .fb-feed #cff .cff-item .cff-post-links .cff-viewpost-facebook { font-size:1em; color:#3f3d3d } .social-feeds .social-column .fb-feed #cff .cff-item .cff-post-links .cff-share-container .cff-dot {display:none } .social-feeds .social-column .fb-feed #cff .cff-item .cff-post-links .cff-share-container .cff-share-link { margin-left:10px; font-size:.9375em; color:#3f3d3d; } .social-feeds .social-column .fb-feed #cff .cff-item .cff-post-text { margin-top:11px } .social-feeds .social-column .fb-feed #cff .cff-item .cff-post-text .cff-post-text-link { color:#c93827; font-family:"Roboto Slab", Arial, sans-serif; } .social-feeds .social-column .fb-feed #cff .cff-item .cff-post-text .cff-post-text-link:hover {text-decoration:none} .social-feeds .social-column .tw-feed { padding-top:4px} .social-feeds .social-column .tw-feed #ctf.ctf-styles .ctf-screename-sep { display:none } .social-feeds .social-column .tw-feed #ctf.ctf-styles .ctf-tweet-meta {float:right} .social-feeds .social-column .tw-feed #ctf.ctf-styles .ctf-author-name {margin-left:0;margin-top:0} .social-feeds .social-column .tw-feed #ctf.ctf-styles .ctf-author-box-link a, .social-feeds .social-column .tw-feed #ctf.ctf-styles .ctf-author-screenname, .social-feeds .social-column .tw-feed #ctf.ctf-styles .ctf-tweet-meta.ctf-tweet-date {font-family:"Roboto Slab", Arial, sans-serif; color:#000; font-size:1em} .social-feeds .social-column .tw-feed #ctf.ctf-styles .ctf-item {border-top:none; padding:14px 0 0;} .social-feeds .social-column .tw-feed #ctf.ctf-styles .ctf-item .ctf-tweet-text {font-size: 14px; font-family:Proxima,Helvetica,Arial,sans-serif;} .social-feeds .social-column .tw-feed #ctf.ctf-styles .ctf-item .ctf-tweet-text a {color: #f70f37;} .social-feeds .social-column .tw-feed .user-tweet-text {margin:36px 0 24px} .social-feeds .social-column .tw-feed .user-tweet-text input {width:100%; background-color:#e6e6e7; color:#808184; padding:7px; border:none; font-size:18px;} .social-feeds .social-column .tw-feed .user-tweet-text input::placeholder {color:#808184; font-size:18px; font-family:Proxima,Helvetica,Arial,sans-serif; padding-left:5px} .social-feeds .social-column .fb-feed #cff .cff-item .cff-post-text {font-size: 16px; font-family:Proxima,Helvetica,Arial,sans-serif;} /*-----------------------------------------------------------------------------------*/ /* Category Page styling /*-----------------------------------------------------------------------------------*/ #category-filter-section { background:#E6E6E7; text-align:center; padding:25px 15px; } #category-filter-section img { margin:0 auto; } #category-filter-section .search-form { font-size:0; margin:0 auto 25px auto; } #category-filter-section .search-form input[type=text] { width:808px; height:46px; display:inline-block; line-height:46px; font-family:"Roboto Slab", Arial, sans-serif; padding:0 15px 0 100px; background:#FFF url(images/icon-search-gray.svg) no-repeat 48px center; border:none; color:#a6a8ab; font-size:20px; } #category-filter-section .search-form input[type=text]::-webkit-input-placeholder { color:#a6a8ab; } #category-filter-section .search-form input[type=text]:-moz-placeholder { color:#a6a8ab; } #category-filter-section .search-form input[type=text]::-moz-placeholder { color:#a6a8ab; } #category-filter-section .search-form input[type=text]:-ms-input-placeholder { color:#a6a8ab; } #category-filter-section .search-form input[type=submit] { width:112px; height:46px; display:inline-block; background:#f70f37; color:#FFF; font-family:"Roboto Slab", Arial, sans-serif; font-size:20px; border:none; } #category-filter-section .search-form input[type=submit]:hover { background:#000; } #category-filter-section .filter-container { margin:0 0 24px 0; } #category-filter-section .filter-container .filter-titles li { display:inline-block; font-family:"Roboto Slab", Arial, sans-serif; font-size:20px; color:#59595b; padding:0 30px; line-height:1; border-right:1px solid #A6A8AB; } #category-filter-section .filter-container .filter-titles li:last-child { border-right:none; } #category-filter-section .filter-container .filter-titles li a { color:#59595b; display:inline-block; } #category-filter-section .filter-container .filter-titles li a:after { content:''; display:inline-block; width:20px; height:15px; background:url(images/browse-arrow-down.png) no-repeat center center; margin:0 0 0 10px; } #category-filter-section .filter-container .filter-titles li.active a:after { transform:rotate(180deg); } #category-filter-section .filter-content { background:#FFF; padding:20px 0 30px 0; margin:20px 0 0 0; display:none; } #category-filter-section .filter-content ul { max-width:1200px; margin:0 auto; text-align:left; } #category-filter-section .filter-content ul li { display:inline-block; margin:10px 25px 0 0; font-size:0; } #category-filter-section .filter-content ul li .text-button { padding:6px 21px; color:#59595b; background:none; border:1px solid #e6e6e7; vertical-align:middle; font-size:16px; border-radius:0; display:inline-block; font-family:"Roboto Slab", Arial, sans-serif; } #category-filter-section .filter-content ul li .text-button:hover { background:#59595b; border-color:#59595b; color:#FFF; } #category-filter-section .filter-content ul li.active .text-button { background:#C93827; border-color:#C93827; color:#FFF; } #category-filter-section .filter-content ul li .close-button { width:36px; height:36px; border:none; display:none; vertical-align:middle; background:url(images/icon-filter-close-normal.svg) no-repeat center center / 100% 100%; } #category-filter-section .filter-content ul li .close-button:hover { background-image:url(images/icon-filter-close-hover.svg); } #category-filter-section .filter-content ul li.active .close-button { display:inline-block; } #category-top-list-section { padding:48px 0; } #category-top-list-section .container { display:flex; } #category-top-list-section .featured-post .image-container:before { padding-top:70.72%; } #category-top-list-section .left-column { width:25%; padding:0 48px 0 24px; flex-direction:column; border-right:1px solid #E6E6E7; } #category-top-list-section .left-column .content h2 { font-size:18px; } #category-top-list-section .middle-column { width:36%; padding:0 48px; flex-direction:column; border-right:1px solid #E6E6E7; } #category-top-list-section .middle-column .content h2 { font-size:18px; } #category-top-list-section .middle-column .featured-post .image-container:before { padding-top:75.516%; } #category-top-list-section .right-column { width:39%; padding:0 24px 0 48px; flex-direction:column; } #category-top-list-section .right-column .featured-post { flex-direction:row; margin:0 0 48px 0; } #category-top-list-section .right-column .featured-post:last-child { margin:0; } #category-top-list-section .right-column .image-container { width:35%; margin:0; } #category-top-list-section .right-column .content { width:65%; padding-left:24px; } #category-top-list-section .right-column .content h2 { font-size:16px; } #category-top-list-section .featured-post .content .post-meta { font-size:12px; } #category-middle-list-section { padding:48px 0; } #category-middle-list-section .top-content { display:flex; } #category-middle-list-section .featured-post .content span.post-meta { font-size:12px; } #category-middle-list-section .left-column { width:35%; padding:0 48px 0 24px; flex-direction:column; border-right:1px solid #E6E6E7; } #category-middle-list-section .left-column .content h2 { font-size:18px; } #category-middle-list-section .left-column .featured-post .image-container:before { padding-top:58.986%; } #category-middle-list-section .middle-column { width:40%; padding:0 48px; flex-direction:column; border-right:1px solid #E6E6E7; } #category-middle-list-section .middle-column .featured-post { flex-direction:row; margin:0 0 48px 0; } #category-middle-list-section .middle-column .featured-post:last-child { margin:0; } #category-middle-list-section .middle-column .image-container { width:50%; margin:0; } #category-middle-list-section .middle-column .content { width:50%; padding-left:24px; } #category-middle-list-section .middle-column .content h2 { font-size:16px; } #category-middle-list-section .middle-column .featured-post .image-container:before { padding-top:70.72%; } #category-middle-list-section .middle-column .featured-post .content .post-meta { width:100%; } #category-middle-list-section .right-column { width:25%; padding:0 24px 0 48px; flex-direction:column; } #category-middle-list-section .right-column .content h2 { font-size:18px; } #category-middle-list-section .right-column .featured-post .image-container:before { padding-top:75.516%; } #category-middle-list-section .right-column .featured-post .content .post-meta { width:100%; } #category-middle-list-section .checkout-section { /*background:#93BCC1; padding:40px 20px; max-width:1343px; */ padding: 0; text-align:center; margin:48px auto; } #category-middle-list-section .checkout-section h2 { font-size:28px; display:inline-block; vertical-align:middle; color:#FFF; margin:0 10px 0 0; } #category-middle-list-section .checkout-section .button { display:inline-block; vertical-align:middle; color:#FFF; border-color:#FFF; } #category-middle-list-section .checkout-section .button:hover { color:#FFF; border:1px solid #f70f37; background:#f70f37; } .featured-post.fullwidth-featured-post:last-child { margin:0 auto; padding:0; border-bottom:none; } .featured-post.fullwidth-featured-post { margin:0 auto 24px auto; padding:0 0 24px 0; border-bottom:1px solid #E6E6E7; max-width:1004px; flex-direction:row; } .featured-post.fullwidth-featured-post .image-container:before { padding-top:58.986%; } .featured-post.fullwidth-featured-post .image-container { max-width: 450px; height: 253px; margin:0; } .featured-post.fullwidth-featured-post .content { width: calc(100% - 450px); padding-left:48px; padding-top:18px; } .featured-post.fullwidth-featured-post .content h2 { font-size:28px; margin:0 0 18px 0; } .featured-post.fullwidth-featured-post .content p { font-family:Proxima,Helvetica,Arial,sans-serif; font-size:15px; margin:0; } .featured-post.fullwidth-featured-post .content p.post-meta { font-family: Arial,"Helvetica Neue",Helvetica,sans-serif; font-size:15px; margin:0; } .repeat-list-section { padding:0 0 48px 0; } .repeat-list-section .ad-container { margin:0 0 48px 0; } .repeat-list-section .top-content { display:flex; max-width:1004px; margin:0 auto 48px auto; border-bottom:1px solid #E6E6E7; } .repeat-list-section .top-content .featured-post { flex-direction:row; margin:0 0 48px 0; max-width:575px; } .repeat-list-section .top-content .featured-post .image-container:before { padding-top:70.72%; } .repeat-list-section .top-content .featured-post .image-container { width:35%; margin:0; } .repeat-list-section .top-content .featured-post .content { width:65%; padding-left:24px; } .repeat-list-section .top-content .featured-post .content .post-meta { font-size:12px; } .repeat-list-section .top-content .featured-post .content h2 { font-size:16px; } .repeat-list-section .left-column { width:47%; margin-right:4%; } .repeat-list-section .right-column { width:47%; } .wp-pagenavi-holder {clear: both; text-align: center; margin: 0; padding: 20px 0; width: 100%;} .wp-pagenavi {display: inline-block; margin: auto;} .wp-pagenavi-holder .wp-pagenavi a, .wp-pagenavi-holder .wp-pagenavi span { display: block; float: left; text-align: center; border: 1px solid #f70f37; background: #fff; color: #000; padding: 0 8px; height: 28px; margin: 2px; } .wp-pagenavi-holder .wp-pagenavi a:hover, .wp-pagenavi-holder .wp-pagenavi span:hover, .wp-pagenavi-holder .wp-pagenavi span.current {border: 1px solid #f70f37; background: #f70f37; color: #fff;} /*-----------------------------------------------------------------------------------*/ /* Single Post Page styling /*-----------------------------------------------------------------------------------*/ #post-content { padding:50px 0; } #post-content .container { max-width:1110px; } #post-content .post-title-container {margin:0;} #post-content .post-title-top { display:flex; justify-content:space-between; align-items:center; margin:0 0 25px 0; } #post-content .post-title-top .category { font-family:"Roboto Slab", Arial, sans-serif; color:#FFF; font-weight:300; padding:6.5px 19px; font-size:16px; } #post-content .post-title-top .category:hover { background:#000; } /* next and prev */ #post-content .post-title-top ul li { display:inline-block; line-height:1; padding: 0 0 0 7px; margin: 0 8px 0 0; text-transform: uppercase; } #post-content .post-title-top ul li:nth-child(2n) { border-left:1px solid #e6e6e7; padding-right: 0; margin: 0 8px 0 0; } #post-content .post-title-top ul li a { font-size:14px; color:#808184; } #post-content .post-title-top ul li a:hover { color:#000; } #post-content .post-title-container h1 { font-weight:300; } #post-content .post-title-container h2 { font-size:20px; font-weight:400; font-family:"Open Sans",sans-serif; color:#59595b; margin-bottom: 30px;} #post-content .post-title-container .post-meta-container img { display:inline-block; vertical-align:middle; border-radius:50%; margin-right:18px; } #post-content .post-title-container .post-meta-container .post-meta { display:inline-block; vertical-align:middle; font-size:13px; font-family:Arial,"Helvetica Neue",Helvetica,sans-serif; } #post-content .post-title-container .post-meta-container .post-author { display:inline-block; vertical-align:middle; font-weight:700; margin:0 10px 0 0; } #post-content .post-title-container .post-meta-container .post-author a { color:#59595b; } #post-content .post-title-container .post-meta-container .post-author a:hover { color:#000; } #post-content .post-title-container .post-meta-container .post-date { display:inline-block; vertical-align:middle; text-transform: uppercase; } #post-content .post-title-container .post-meta-container .post-date span { display:inline-block; padding-right:6px; margin-right:5px; vertical-align:middle; color:#808184; border-right:1px solid #e6e6e7; } #post-content .post-title-container .post-meta-container .post-comment { display:inline-block; vertical-align:middle; color:#808184; background:url(images/icon-comment.svg) no-repeat left center; padding-left:22px; } #post-content .post-title-container .post-meta-container .post-comment a { color:#808184; text-transform: uppercase; } #post-content .post-title-container .post-meta-container .post-comment a:hover { color:#000; } #post-content .post-content-container { display:flex; justify-content:space-between; } #post-content .post-content-container .main { } #post-content .post-content-container .has-sidebar { width:730px; } #post-content .post-content-container .full-width { width:100%; } .article-padding {padding: 0 96px 48px 96px;} .wp-caption {max-width: 100%; margin-bottom: 35px;} #post-content .post-content-container .main .wp-caption img {margin-top: 40px; margin-bottom: 0;} #post-content .post-content-container .main .wp-caption .wp-caption-text { font-size: 14px; padding: 5px 0; margin: 0; font-style: italic; text-align: left; } .alignleft, img.alignleft { display: inline; float: left; text-align: left; } .alignright, img.alignright { display: inline; float: right; text-align: right; } .aligncenter, img.aligncenter { margin-right: auto; margin-left: auto; display: block; clear: both; text-align: center; } #post-content .main h1 {font-size: 22px; color: #f70f37; font-family:"Open Sans",sans-serif; font-weight:700;} #post-content .main h2, #post-content .main h3 {color: #f70f37; font-family:"Open Sans",sans-serif; font-weight:700;} #post-content .main h2 {font-size: 22px;} #post-content p {font-family: Proxima,Helvetica,Arial,sans-serif; font-size:17px; line-height: 1.6;} #post-content .main blockquote { color: #f70f37; font-size: 30px; font-family: "Roboto Slab",Georgia,serif; padding: 0; margin: 0 0 26px; border: none; } #post-content .main blockquote p {color: #f70f37; font-size: 30px; font-family: "Roboto Slab",Georgia,serif;} #post-content .post-content-container .main img { margin-top: 40px; margin-bottom: 40px; } #post-content .post-content-container .main > img.size-full { min-width: 100%; } #post-content .post-content-container .main a { color:#FF0000; } #post-content .post-content-container .main a:hover { color:#000; } #post-content .post-content-container .main .share-links { float: left; margin: 0; padding-top: 18px; width: 100%; max-width: 400px; } #post-content .post-content-container .main .share-links li { float:left; margin:0 4px 0 0; width: calc(25% - 4px); text-align:center; } #post-content .post-content-container .main .share-links li a { display:block; padding:5px 0; color:#FFF; font-size:13px; } #post-content .post-content-container .main .share-links li a:hover { background:#000 !important; } #post-content .post-content-container .main .share-links li.facebook a { background:#3B5998; } #post-content .post-content-container .main .share-links li.twitter a { background:#1DA1F2; } #post-content .post-content-container .main .share-links li.google-plus a { background:#DC4E41; } #post-content .post-content-container .main .share-links li.linkedin a { background:#0077B5; } #post-content .post-content-container .main .share-links li.reddit a { background:#FF5700; } /* lists */ #post-content .post-content-container .article-content ul, #post-content .post-content-container .article-content ol {margin: 0 0 26px 20px;} #post-content .post-content-container .article-content ul li {list-style-type: disc; list-style-position: outside;} #post-content .post-content-container .article-content ol li {list-style-type: decimal; list-style-position: outside;} /* video */ .video-row {margin: 36px auto;} .videoWrapper, .embed-youtube { position: relative; padding-bottom: 56.25%; /* 16:9 */ padding-top: 0px; height: 0; } .videoWrapper iframe, .embed-youtube iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } /* pros and cons */ .article-pros-cons .pros-cons-wrapper {float: left; margin-bottom: 40px;} /*.article-pros-cons .set-height-js {float: left; width: 770px; height: 250px;}*/ .article-pros-cons .pros-cons-container {width: 365px; height: 250px; float: left; background-color: #e6e6e7; min-height: 235px; padding-bottom: 48px;} .article-pros-cons .cons-container {margin-left: 40px;} .article-pros-cons .pros-cons-container p, .article-pros-cons .pros-cons-container p { background-color: #f70f37; color: #fff; display: inline-block; padding: 12px 27.5px; margin: 0; font-size: 21px; font-family: "Open Sans",sans-serif; } .article-pros-cons .pros-cons-container ul {padding: 0 15px 0 60px; margin: 34px 0 0;} .article-pros-cons .pros-cons-container ul li {font-size: 15px; color: #414041; list-style-type: disc; margin-top: 9px; font-family: "Roboto Slab",Georgia,serif;} .article-pros-cons .pros-cons-container ul li:first-of-type {margin-top: 0;} .article-pros-cons .news-ad-block-b.reviews-content-ad { position: relative; width: 300px; height: 250px; float: right; } /* twitter embed */ #post-content .twitter-tweet-rendered {margin: 10px auto !important;} /* device comparison */ .device-comparision { margin: 32px 0 48px 0; position: relative; } .device-comparision .view-desktop .device-list {display: flex; margin-top: 24px; padding: 0 0 12px 0;} /* header */ .device-comparision .device-list .device-thumb {display: block; width: 80px; height: 105px; margin: 0 0 12px; background-size: cover;} #post-content .device-comparision .view-desktop .device-list p {font-weight: 700; margin-bottom: 0; font-family: "Roboto Slab",Georgia,serif;} /* rows */ .device-comparision .spec-list-container {max-height: 340px; overflow: hidden; overflow-y: scroll;} .device-comparision .spec-list {padding-top: 12px; margin-top: 0; border-bottom: 1px solid #e6e6e7;} .device-comparision .view-desktop .spec-list .row { display: flex; } .device-comparision .view-desktop .spec-list .row:nth-child(odd) {background:#e6e6e7;} .device-comparision .view-desktop .spec-list .row:nth-child(even) {background:#fff;} #post-content .device-comparision .view-desktop .spec-list .spec-list-name p { float:left; padding:12px; margin: 0; font-weight:700; font-size:15px; font-family: "Roboto Slab",Georgia,serif; } #post-content .device-comparision .view-desktop .spec-list .specs p { float:left; padding:12px 12px 12px 0; margin: 0; font-family:Proxima,Helvetica,Arial,sans-serif; font-weight:400 } .device-comparision .bottom-fade { content: ''; display: block; position: absolute; bottom: 0; width: 100%; height: 80px; background-image: linear-gradient(to bottom,rgba(255,255,255,0) 0,#fff 100%); } /* reviews gallery */ .review-slider {width: 100vw; margin-left: calc(-50vw + 50%);} .review-slider img {padding-right: 5px; margin: 0 !important;} .review-slider .slick-slide {max-height: 200px;} .review-slider .slick-prev { background-image: url(assets/img/gallery-arrow-left.png); background-size: auto auto; background-repeat: no-repeat; background-color: rgba(255,255,255,.75); left: 0; z-index: 1000; height: 36px; width: 36px; background-position: center; } .review-slider .slick-next { background-image: url("assets/img/gallery-arrow-right.png"); background-size: auto auto; background-repeat: no-repeat; background-color: rgba(255,255,255,.75); right: 0; z-index: 1000; height: 36px; width: 36px; background-position: center; } .review-slider .slick-prev:hover, .review-slider .slick-next:hover {background-color: rgba(255,255,255,.85);} .review-slider .slick-prev::before, .review-slider .slick-next::before { font-family: "slick"; font-size: 20px; line-height: 1; color: white; opacity: 0.75; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: ''; } /* review conclusion */ #post-content .conclusion-section .column-1 .sub-heading-3 {font-family: "Open Sans",sans-serif; margin: 0 0 30px 0; color: #f70f37; font-size: 22px; font-weight: 700;} #post-content .conclusion-section .blockquote-container { padding: 20px 0; border-top: 2px solid #f70f37; border-bottom: 2px solid #f70f37; } #post-content .conclusion-section .blockquote-container .blockquote {color: #f70f37; font-family: "Roboto Slab",Georgia,serif; font-size: 26px; margin: 0 0 5px 0;} #post-content .conclusion-section.with-review-score .blockquote-container {margin: 60px 0 0 120px;} #post-content .conclusion-section.with-review-score .blockquote-container .blockquote {margin-bottom: 75px;} #post-content .conclusion-section .review-score { background: #f70f37; border-radius: 50%; font-size: 72px; text-align: center; color: #fff; position: relative; top: -75px; left: 50%; margin-left: -15px; margin-bottom: -70px; display: block; width: 150px; height: 150px; } #post-content .conclusion-section .review-score .number { display: block; line-height: 150px; font-family: Proxima,Helvetica,Arial,sans-serif; font-weight: 400; } /* sidebar */ #post-content .post-content-container .sidebar { width:300px; margin-top: 40px; } #post-content .post-content-container .sidebar .sidebar-widget { margin:0 0 50px 0; } #div-gpt-ad-bigbox_rightrail_1 {text-align: center;} #post-content .post-content-container .sidebar .sidebar-widget:last-child { margin:0; } #post-content .post-content-container .sidebar .sidebar-widget h3 { border-bottom:1px solid #e6e6e7; margin:0 0 25px 0; padding:0 0 10px 0; font-size:20px; font-family: "Open Sans",sans-serif; font-weight: 600; } #post-content .post-content-container .sidebar .featured-post { flex-direction:row; align-items:center; margin:0 0 35px 0; } #post-content .post-content-container .sidebar .featured-post:last-child { margin:0; } #post-content .post-content-container .sidebar .featured-post .image-container { width:30%; margin:0; postion: relative;} #post-content .post-content-container .sidebar .featured-post .image-container:before { padding-top:70.72%; } #post-content .post-content-container .sidebar .featured-post .content { width:70%; padding-left:24px; } #post-content .post-content-container .sidebar .featured-post .content h2 { font-size:14px; margin:0; } /* related articles */ #related-articles { padding:48px 0; background:#414041; } #related-articles .container { max-width:1100px; } #related-articles .container > h2 { margin:0 0 48px 0; font-size:20px; padding:12px 0 12px 75px; background:url(images/icon-related-articles.svg) no-repeat left center; color:#FFF; } #related-articles .related-articles-list { display:flex; margin:0 -15px; } #related-articles .related-articles-list .featured-post { padding:0 15px; width: 25%; } #related-articles .related-articles-list .featured-post .content .post-meta { font-size:12px; color:#bbbdbf; } #related-articles .related-articles-list .featured-post .content h2 { font-size:18px; min-height: 90px; } #related-articles .related-articles-list .featured-post .content h2 a { color:#FFF; } /* comments */ #post-comment { padding:48px 0; } #post-comment .container { display:flex; justify-content:space-between; max-width:1100px; } #post-comment .main { width:762px; font-family:"Open Sans",sans-serif; font-size:15px; } #post-comment .main h2 { margin:0 0 30px 0 ; padding:0 0 30px 0; border-bottom:1px solid #E6E6E7; } #post-comment .sidebar { width:300px; } #div-gpt-ad-bigbox_bottom {text-align: center;} /* newsletter */ .page-template-page-newsletter #content {padding: 96px 0;} .page-template-page-newsletter #content .container { padding-left: 5%; padding-right: 5%; } .page-template-page-newsletter #content h2 {font-size: 32px;} .page-template-page-newsletter #content form { clear: both; } .page-template-page-newsletter #content form p { display: none; } .page-template-page-newsletter #content form .email { float: left; border: 1px solid #E6E6E7; padding: 0 15px; height: 50px; line-height: 50px; width: 300px; max-width: calc(100% - 100px); } .page-template-page-newsletter #content form .button {float: left; height: 50px; line-height: 50px; border: 1px solid #f70f37; font-size: 16px; margin-left: 3px;} .page-template-page-newsletter #content form .button:hover {color: #f70f37; background: #fff;} .page-template-page-newsletter #content .disclaimer {font-size: 80%; padding: 20px 0;} /* 404 */ .content-404 {padding-top: 48px; text-align: center;} .content-404 h1 {font-weight: 300;} /* elementor */ #post-content .main h2.elementor-heading-title {color: #fff;} #post-content .post-content-container .main .elementor-widget-wrap a.elementor-button-link {color: #fff;} #post-content .post-content-container .main .elementor-widget-wrap a {color: #000;} #post-content .post-content-container .main .elementor-widget-wrap a:hover {color: #000; text-decoration: underline;}