@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@100;200;300;400;500;600;700;800;900&family=Source+Serif+Pro:wght@300;400;600;700;900&display=swap'); /************************ GENERAL ************************/ html { scroll-behavior: smooth; } html.js.js_active.vc_desktop.vc_transform.vc_transform { padding: 0 !important; } body { min-height: 100vh; overflow-x: hidden; display: flex; flex-direction: column; } .vc_row.full-width-row { margin-top: -25px; } .main-content { padding-top: 75px; flex: 1; } .padded-row, footer .container { width: 1400px; margin-left: auto !important; margin-right: auto !important; } header .container { width: 90%; margin-left: auto !important; margin-right: auto !important; } input[type=text], input[type=email], textarea, select { outline: none; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; appearance: none; -webkit-appearance: none; } button, html input[type="button"], input[type="reset"], input[type="submit"] { -webkit-appearance: none; border-radius: 0; -webkit-border-radius:0; -webkit-appearance: button; } :focus-visible { outline: none; } .anchor { scroll-margin-top: 150px; } .mobile-only { display: none !important; } /************************ TYPOGRAPHY ************************/ ul, li, input, textarea, select, .wpcf7-list-item-label, .wpcf7-response-output { font-size: 17px; font-weight: normal; line-height: 27px; margin-bottom: 20px; } p:last-of-type { margin-bottom: 0; } p:empty { display: none; } a, a:hover, a:active { text-decoration: none; /* overflow-wrap: break-word; word-wrap: break-word; -ms-word-break: break-all; word-break: break-all; word-break: break-word; -ms-hyphens: auto; -moz-hyphens: auto; -webkit-hyphens: auto; */ } p a { hyphens: auto; } input, textarea, select { font-size: 18px; color: #000; font-weight: normal; } ul, ol { margin: 0 0 0 18px; } li { margin-bottom: 10px; } .fa-facebook-f:before { content: "\f39e" !important; } button { font-size: 17px; } span.wpcf7-not-valid-tip { font-size: 12px; margin-top: -20px; } body.error404 h1 { font-size: 70px; color: #000; text-align: center; text-transform: uppercase; padding-top: 140px; } /************************ TEMPLATE ************************/ article { margin-bottom: 0; } .vc_row[data-vc-full-width] { background: #fff; overflow: inherit !important; } .wpb_content_element { margin-bottom: 0 !important; } .vc_col-has-fill>.vc_column-inner, .vc_row-has-fill+.vc_row-full-width+.vc_row>.vc_column_container>.vc_column-inner, .vc_row-has-fill+.vc_row>.vc_column_container>.vc_column-inner, .vc_row-has-fill>.vc_column_container>.vc_column-inner { padding-top: 0 !important; } .narrow-row { width: 60%; margin: auto !important; } .padding-top-bottom { padding: 80px 0; } .padding-top { padding: 100px 0 0; } .padding-bottom { padding: 0 0 100px; } .padding-top-bottom-small { padding: 50px 0; } .padding-top-small { padding: 50px 0 0; } .padding-bottom-small { padding: 0 0 50px; } #page-hero { height: calc(100vh - 80px); padding: 0 5%; } .background-row, .background-row .vc_column-inner { background-size: cover; background-repeat: no-repeat; background-position: center; } .fixed-background, .fixed-background .vc_column-inner { background-attachment: fixed; } .overlay, .overlay .vc_column-inner { box-shadow: inset 10000px 0 0 0 rgb(12 12 12 / 30%); } .overlay .vc_column-inner .vc_column-inner { box-shadow: none; } .light-grey-background, .has-very-dark-gray-background-color { background: #ececec !important; } .left-col { padding-right: 20px !important; } .right-col { padding-left: 20px !important; } /************************ ELEMENTS ************************/ .vc_btn3-container { margin: 30px 0 0 !important; } .vc_btn3, .plan-btn p { background-color: #DA3449 !important; background-image: none !important; text-transform: uppercase; border: 0 !important; border-radius: 0 !important; } input[type="submit"] { height: 49px; font-size: 18px !important; } .wpb_single_image { margin-bottom: 25px !important; } .pum-container { background: #fff !important; box-shadow: 0 -3px 6px rgb(0 0 0 / 16%) !important; padding: 50px 10% !important; margin-bottom: 0 !important; top: auto !important; bottom: 0 !important; } .popmake-content h3 { font-size: 35px; line-height: 45px; } .popmake-content p { line-height: 30px; } .popmake-content .mailerlite-form { width: 30%; margin: auto; } .popmake-content .mailerlite-form input { width: 100% !important; text-align: center; } .popmake-content .mailerlite-form input[type="submit"] { border-color: transparent !important; } .pum-theme-white-on-black .pum-container { background: #000 !important; } .pum-theme-white-on-black .pum-container h3, .pum-theme-white-on-black .pum-container p { color: #fff !important } .pum-theme-white-on-black input[type="submit"]:hover { background-color: #da3449 !important;; } .pum-theme-black-on-yellow .pum-container { background: #fadf70 !important; } .pum-theme-black-on-yellow input[type="submit"], .pum-theme-black-on-yellow input[type="submit"]:hover { background-color: #000 !important;; } .vc_sep_width_100 { margin-top: 30px !important; } .grecaptcha-badge { display: none !important; } /************************ HEADER ************************/ header { width: 100%; height: auto; background: #fff; border-top: 2px solid; box-shadow: 0 3px 6px rgba(0,0,0,0.16); padding: 15px 0; margin: 0 auto; position: fixed; z-index: 9999; } header .container { display: flex; justify-content: center; align-items: center; } .logo { width: 10%; text-align: left; line-height: 0; float: left; } .logo img { height: 43px; } .navigation { width: 90%; float: right; } header nav { float: right; } header nav ul li { margin: 9px 0 0 40px; } header nav ul li a { text-transform: uppercase; } .subscribe-btn, .member-btn { line-height: 0; border: 2px solid transparent; padding: 20px; } .subscribe-btn { margin: 0 25px 0 0; } .member-btn.membership-btn { margin: 0 5px 0 40px; } .social-icon { margin: 9px 0 0 10px } .social-icon a { font-size: 17px; } .is-menu { margin: 12px 0 0 20px; } .is-menu.is-dropdown form { min-width: 500px; top: 42px; } div.is-ajax-search-details, div.is-ajax-search-result { box-shadow: 1px 1px 6px rgba(0,0,0,0.16); padding: 0 !important; } .is-show-more-results-text { padding: 10px 0 15px !important; } /************************ HOME ************************/ body.home #featured { padding: 30px 50px 0 0; } body.home #featured .featured-right .search-item .title { margin: -30px 0 25px !important; } body.home #featured .featured-right .search-item .post-thumbnail { margin-bottom: 15px !important; } body.home #recent { padding: 30px 0 0; } /************************ POST GRID ************************/ #featured { width: calc(80% - 50px); padding-right: 50px; float: left; } #featured .featured-left { width: calc(30% - 50px); padding-right: 25px; float: left; } #featured .featured-right { width: calc(77% - 25px); border-left: 1px solid #ececec; padding-left: 25px; float: right; } #featured .search-item, #recent .search-item { width: 100%; } #featured .search-item .post-thumbnail img { margin-bottom: 0 !important; } #featured h3 { font-weight: 600; } #featured .featured-left h3, #recent h3 { margin-bottom: 0 !important; } #featured .featured-left p { font-size: 14px; line-height: 24px; margin-top: 10px !important; } #featured .featured-right .search-item { margin-right: 0; } #featured .featured-right h3 { font-size: 46px; font-weight: 900; text-align: center; line-height: 56px; padding: 0 20px; margin: 50px 0 10px !important; } #featured .featured-right p { text-align: center; } body.category #featured .featured-right h3 { margin: 20px 0 !important; } #featured .featured-right .search-item, #featured .featured-right .search-item p { margin-bottom: 0 !important; } #recent { width: 20%; float: left; } #recent .search-item { border-bottom: 1px solid #ececec; padding-bottom: 30px; } #recent .search-item:last-of-type { border-bottom: 0; padding-bottom: 0; } section.results h2 { border-bottom: 2px solid; } .search-item { width: calc(25% - 36px); vertical-align: top; padding: 0; margin: 0 30px 30px 0; float: none; box-sizing: border-box; display: inline-block; z-index: 1; } .search-item .post-thumbnail img { width: 100%; height: auto; margin-bottom: 0 !important; aspect-ratio: 16/9; object-fit: cover; overflow: hidden; } .post-details { padding-right: 10px; } .pagination { width: 100%; text-align: center; clear: both; } .page-numbers { font-size: 14px; font-weight: 600; transition: none; padding: 10px 15px; -webkit-transition: none !important; -moz-transition: none !important; -o-transition: none !important; -ms-transition: none !important; transition: none !important; } .more-posts-btn { text-align: center; margin-top: 50px; } .more-posts-btn a { font-size: 17px; font-weight: 300; text-transform: uppercase; padding: 20px; } body.archive .pagination { padding-top: 0; } body.archive .banner-col { padding-top: 50px; } /*********** ADS ***********/ .results-col.hp { width: 75%; float: left; } .results-col.hp .search-item { width: calc(33% - 32px); } .banner-col { text-align: center; } .banner-col img { max-width: 100%; } .banner-col.hp { width: 25%; float: left; } .banner-col.mrec { border-bottom: 1px solid #ececec; padding-bottom: 25px; margin-bottom: 25px; } .code-block { margin-top: 0 !important; } mark, ins { background: transparent; } /************************ SINGLE POST ************************/ body.single .post-meta { font-size: 14px; line-height: 24px; margin-bottom: 10px; } body.single h1 { font-size: 55px !important; font-weight: 900 !important; line-height: 65px !important; margin-bottom: 50px !important; } #post-left { width: calc(100% - 350px); padding-right: 50px; float: left; } #post-left .post-img img { margin-bottom: 40px !important; } #post-left .code-block { text-align: center; margin: 40px auto !important; } #post-left .code-block img { max-width: 100%; } #post-left figure { margin-top: 30px; } .has-very-dark-gray-background-color { font-size: 16px; line-height: 26px; padding: 40px !important; margin-top: 50px; } #post-right { width: 300px; float: left; } #post-right .banner-col.mrec { border-bottom: 0; padding-bottom: 10px; } #post-right h2 { border-bottom: 2px solid !important; margin-bottom: 30px !important; } #post-right h3 { margin-bottom: 0 !important; } #post-right .search-item { width: 100%; border-bottom: 1px solid #ececec; padding-bottom: 30px; } #post-right .search-item:last-of-type { border-bottom: 0; padding-bottom: 0; } .post-img img { width: 100%; max-width: 100%; } .addtoany_content { margin-top: 30px !important; } .addtoany_content:before { content: 'Share this article'; font-size: 19px; font-weight: 600; line-height: 29px; margin: 40px 0 10px !important; display: block; } .addtoany_list.a2a_kit_size_32 a { padding: 0 10px 0 0; } .addtoany_list.a2a_kit_size_32 a:not(.addtoany_special_service)>span { border-radius: 0 !important; padding: 10px; } body.single .bb img { max-width: 100%; } /************************ LIVE SHOWS ************************/ .live-show h4, #videos h4 { margin: 0 0 30px !important; } .live-show .vc_col-sm-4 h4 { border-bottom: 2px solid; } /************************ MEMBERSHIP ************************/ /* .vc_tta-tabs-list { border-bottom: 2px solid; } .vc_tta-tab>a { border-color: transparent !important; background-color: transparent !important; border-radius: 0 !important; padding: 0 30px 0 0 !important; } */ .vc_tta-color-grey.vc_tta-style-classic .vc_tta-tab.vc_active>a { font-weight: 700 !important; } .membership-row { padding-top: 30px; } .membership-row .vc_col-sm-3 { width: calc(25% - 30px); background: #f4f4f463; border-radius: 15px; padding-bottom: 70px; margin: 0 15px; } .membership-row .vc_col-sm-3 .vc_column-inner { padding: 0; } .membership-row h4 { border-radius: 15px 15px 0 0; padding: 10px 0 5px !important; margin: 0 !important; } .membership-row .price { padding: 0 0 10px !important; margin-bottom: 20px !important; } .membership-row .price p { font-size: 14px; line-height: 24px; } .membership-row ul { margin: 20px 0 30px 18px !important; } .membership-row .wpb_text_column { padding: 10px 30px; } .plan-btn { width: 100%; padding: 0 !important; margin-top: 30px; position: absolute; bottom: 0; } .plan-btn p { padding: 10px 20px; } .plan-btn a { display: block; } #member-already { padding-top: 20px !important; } #member-already .wpb_text_column { background: #ececec; padding: 30px; } #member-already .wpb_text_column p { margin-bottom: 0 !important; } /************************ NEWSLETTER ************************/ .mailerlite-form-title, .mailerlite-form label { display: none !important; } #newsletter .mailerlite-form { text-align: center; margin: 30px auto 50px !important; } .mailerlite-form-description { margin-bottom: 30px !important; } .mailerlite-form input { width: 70% !important; border: 1px solid #ececec !important; border-radius: 0 !important; padding: 10px 20px; } /************************ FOOTER ************************/ footer { border-top: 2px solid; padding: 50px 0 20px; } .footer-col { width: 33%; text-align: left; float: left; } footer h4 { margin: 0 0 10px !important; } footer ul { list-style: none; margin: 0 !important; } footer li { margin-bottom: 5px !important; } footer #menu-social-menu { margin: 5px 0 30px !important; } footer #menu-social-menu li { width: 45px; height: 45px; font-size: 30px !important; text-align: center; line-height: 38px; margin: 0 5px 0 0; display: inline-block; } footer .mailerlite-form-description { display: none; } footer input, footer .mailerlite-form-field { margin-bottom: 0 !important; } footer input, input[type="submit"] { font-size: 16px !important; } footer .mailerlite-form .mailerlite-subscribe-button-container { text-align: left; } footer .mailerlite-form-response { text-align: left !important; } .mailerlite-form-response h4 { font-family: 'Montserrat', sans-serif; font-size: 16px !important; font-weight: 400 !important; line-height: 26px !important; } .footer-copyright { padding-top: 45px; } .footer-copyright p { font-size: 13px; line-height: 23px; } .footer-div { margin: 0 10px; } /************************ MOBILE ************************/ @media only screen and (max-width: 1550px) { .padded-row, footer .container { width: 1200px; margin-left: auto !important; margin-right: auto !important; } header nav ul li { margin: 9px 0 0 25px; } #featured .featured-left { width: calc(35% - 50px); } #featured .featured-right { width: calc(73% - 25px); } .results-col.hp .search-item { width: calc(33% - 35px); } } @media only screen and (max-width: 1380px) { #responsive-menu-pro-header { border-top: 2px solid !important; box-shadow: 0 3px 6px rgba(0,0,0,0.16) !important; } button#responsive-menu-pro-button { top: 12px !important; left: 2% !important; } #responsive-menu-pro-header-bar-logo { width: 100%; text-align: center; position: absolute; left: 0 !important; } #responsive-menu-pro-header #responsive-menu-pro-header-bar-logo img { height: 45px !important; margin-left: -20px !important; } #responsive-menu-pro-header-bar-html { margin-right: 0 !important; position: absolute; right: 4%; z-index: 9999; } a.mobile-nav-newsletter-btn { padding: 10px; } #responsive-menu-pro-container { margin-top: 77px !important; } #responsive-menu-pro-container #responsive-menu-pro-search-box, #responsive-menu-pro-container #responsive-menu-pro-additional-content, #responsive-menu-pro-container #responsive-menu-pro-title { padding: 0 0 45px !important; } #responsive-menu-pro-container .responsive-menu-pro-search-box { border: 0 !important; border-radius: 0 !important; padding: 0 5% !important; } #responsive-menu-pro-container li.responsive-menu-pro-item a { padding: 0 5% !important; } #responsive-menu-pro-container .subscribe-btn, #responsive-menu-pro-container .member-btn { background: transparent !important; } #responsive-menu-pro-container .social-icon { width: 40px !important; margin-top: 30px !important; display: inline-block; } #responsive-menu-pro-container .social-icon.facebook { margin-left: 5% !important; } } @media only screen and (max-width: 1260px) { .padded-row { width: 100%; margin-left: auto !important; margin-right: auto !important; } body.home .padded-row, body.page-child .padded-row, body.category .padded-row, body.single .padded-row, body.search .padded-row, footer .container { width: 90%; } .vc_row { margin-left: 0 !important; margin-right: 0 !important; } .vc_row.vc_column-gap-35 { margin-left: 0 !important; margin-right: 0 !important; } .vc_row.vc_column-gap-35>.vc_column_container { padding: 0 !important; } .vc_grid.vc_row.vc_grid-gutter-30px .vc_grid-item { padding-right: 15px !important; padding-bottom: 15px !important; } .banner-col.mrec img, .banner-col.hp img { max-width: auto !important; } #featured { width: 100%; padding: 20px 0 !important; } #featured .featured-left { width: calc(30% - 30px); padding: 0 30px 0 0 !important; } #featured .featured-right { width: calc(75% - 30px); padding: 0 0 0 30px !important; } #featured .featured-right h3 { font-size: 35px; line-height: 45px; } #featured .featured-left h3, #recent h3 { font-size: 15px; line-height: 25px; } #recent { width: 100%; } #recent .banner-col, #recent .search-item { width: calc(25% - 30px); margin: 0 30px 0 0; border-bottom: 0; float: left; } #recent .banner-col.mrec img { max-width: 100% !important; } } @media only screen and (max-width: 970px) { .desktop-only { display: none !important; } .mobile-only { display: block !important; } #responsive-menu-pro-container { width: 100% !important; } p, ul, li, input, textarea, select, .wpcf7-list-item-label, .wpcf7-response-output { font-size: 15px; line-height: 25px; } h1 { font-size: 35px; line-height: 45px; } h3 { font-size: 22px; line-height: 32px; } .vc_col-sm-4 { margin-bottom: 30px; } .narrow-row { width: 100%; } .padding-top-bottom { padding: 50px 0; } .padding-top { padding: 50px 0 0; } .padding-bottom { padding: 0 0 50px; } .left-col { padding: 0 0 30px !important; } .right-col { padding: 0 !important; } .left-col .vc_column-inner, .right-col .vc_column-inner { padding: 0 !important; } .popmake-content .mailerlite-form { width: 100%; } body .vc_tta.vc_tta-tabs .vc_tta-tabs-container { display: block !important; } body .vc_tta.vc_general .vc_tta-panel-heading { display: none !important; } .wpb_single_image.padding-bottom-small { padding-bottom: 5px !important; } #featured { width: 100%; padding: 0 !important; display: flex; flex-direction: column; } #featured .featured-right { width: 100%; border-left: 0; padding: 0 !important; order: 1; } body.home #featured .featured-right h3, body.single h1 { font-size: 30px !important; line-height: 40px !important; padding: 0; } body.category #featured .featured-right h3 { font-size: 25px !important; line-height: 35px !important; } #featured .featured-left { width: 100%; padding: 0 !important; order: 2; } #featured .featured-left .search-item { width: 100% !important; border-bottom: 0; padding-bottom: 0; margin-bottom: 20px; } #featured .featured-left h3, #recent h3 { font-size: 15px; line-height: 25px; } #featured.results hr:last-of-type { display: block !important; } #recent { width: 100%; } #recent .banner-col, #recent .search-item { width: 100%; margin: 0 0 30px 0; } #recent .search-item { border-bottom: 1px solid #ccc; } .results .banner-col { margin-top: 35px; } .banner-col img { max-width: 100%; } .banner-col.bb.padding-top { padding-top: 45px !important; } .search-item, .results-col.hp .search-item { width: 100%; margin: 0; } .results .search-item .post-details h3 { margin-bottom: 0 !important; } .results hr { margin: 25px 0 35px !important; } .results hr:last-of-type { display: none !important; } .results-col.hp, .banner-col.hp { width: 100%; } .page-numbers { padding: 10px; } .more-posts-btn { margin: 80px 0 60px; } body.archive .pagination { padding-top: 50px; } body.category #recent { margin-top: 45px; } #post-left { width: 100%; padding: 0 0 30px; } #post-right { width: 100%; padding: 30px 0 0; } #videos .vc_col-sm-4 { margin-bottom: 25px; } #videos .vc_col-sm-4 .vc_column-inner { padding: 0; } .vc_tta-container { margin-bottom: 0 !important; } .membership-row .vc_col-sm-3 { width: 100%; margin: 0 0 30px; } #member-already { padding-top: 0 !important; } body.search .banner-col.hp { margin-top: 40px; } .crossword-row h4 { font-size: 20px; line-height: 30px; margin-top: 20px; } .pum-container { padding: 30px 20px !important; } .pum-container .vc_column-inner { padding: 0 !important; } .popmake-content h3 { font-size: 25px; line-height: 35px; } .popmake-content p { font-size: 17px; line-height: 27px; } .footer-col { width: 100%; text-align: center; margin-bottom: 30px; } .mailerlite-form input { width: 100% !important; text-align: center; } .banner-col.mrec iframe, .banner-col.bb iframe, .banner-col.hp iframe { width: calc(100% - 30px) !important; left: 15px !important; } .footer-copyright { padding-top: 0; } } /*** IPAD PRO ***/ @media only screen and (min-device-width: 1024px) and (max-device-width: 1366px) and (orientation: landscape) { } @media only screen and (min-device-width: 1024px) and (max-device-width: 1366px) and (orientation: portrait) { } /*** IPAD MINI ***/ @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) { } @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) { } /*** IPHONE MINI ***/ @media only screen and (min-width: 375px) and (max-width: 812px) and (orientation: portrait) { } @media only screen and (min-width: 375px) and (max-width: 812px) and (orientation: landscape) { } @media only screen and (min-width: 320px) and (max-width: 567px) and (orientation: portrait) { }