/* Theme Name: Modern Wide Theme URI: https://modernwebstudios.com Description: Modern Wide is a GeneratePress child theme. Author: John Taylor Author URI: https://modernwebstudios.com Template: generatepress Version: 1.01 Tags: two-columns, three-columns, one-column, right-sidebar, left-sidebar, footer-widgets, blog, e-commerce, flexible-header, full-width-template, buddypress, custom-header, custom-background, custom-menu, custom-colors, sticky-post, threaded-comments, translation-ready, rtl-language-support, featured-images, theme-options Modern Wide, Copyright 2016 John Taylor Modern Wide is distributed under the terms of the GNU GPL Modern Wide is a child theme of GeneratePress It's not recommended to add CSS to this file, as it will be lost if you ever update this child theme. Instead, use a Custom CSS plugin. */ /* - - - HEADER - - - */ .header-widget {display: none;} .site-logo { align-items: left; padding-top: 0px; font-weight: bold;} .site-header {box-shadow: 0 0px 11px rgba(0, 0, 0, 1);} .header-image {font-size: 30px; line-height: 30px; font-variant: small-caps;} @media (max-width: 768px) {.site-logo {max-width: 40% !important;}} @media (max-width: 768px) {.header-image {min-width: 200px;}} .menu-right-column-menu-container ul li {font-size: 18px; font-weight: bold; list-style: none !important; list-style-type: none !important; margin: 0px 0 0px 10px !important;} /* BEGIN - Mobile Logo Large Centered at top */ @media screen and (max-width: 768px) {.inside-header {display: table !important; margin-left: auto; margin-right: auto; width: 92%;}} @media screen and (max-width: 768px) {.header-widget {display: none !important;}.site-logo {margin-left: auto; margin-right: auto; max-width: 100% !important;}} .menu-toggle {background-image: none;} #mobile-header button, #mobile-header button:hover, #mobile-header button:active, #mobile-header button:visited {background-color: rgba(0,0,0,0) !important;} /* END - Mobile Logo Large Centered at top */ /* Top Bar Styling */ .top-bar .sci-social-icons img {width: 30px;} .top-bar .row-fluid {margin-bottom: 0%;} .top-bar p {margin-bottom: 0em;} .mws-top-bar-add-padding {padding-top: 2px;} @media (max-width: 550px) { .top-bar .rhcol p {text-align: center !important;} .top-bar ul.sci-social-icons-horizontal, .top-bar ul.sci-social-icons {display: inline-table;} .top-bar .sci-social-icons {text-align: center; float: none !important;} } /* END - Top Bar Styling */ /* - - - END - HEADER - - - */ /* - - - MENU - - - */ .main-navigation .sticky-logo, .main-navigation .sticky-logo img {text-align: left;} .main-navigation .navigation-logo img { padding: 3px !important; -webkit-transition: height 0.65s ease !important; -o-transition: height 0.65s ease !important; transition: height 0.65s ease !important; } .main-navigation, .navigation-clone {box-shadow: 0 0px 11px rgba(0, 0, 0, 0.4) !important;} #site-navigation {box-shadow: none !important;} nav#site-navigation {max-width: 100%;} .navigation-search input[type="search"], .navigation-search input[type="search"]:active { background-color: rgba(255, 255, 255, 0.9) !important; border: 3px solid rgba(0, 0, 0, 0.12); border-radius: 9px; color: rgba(0, 0, 0, 1); font-weight: bold; } .sub-menu {border-radius: 0px 0px 0px 0px; padding-bottom: 0px;} @media (max-width: 768px) {.inside-top-bar {z-index: 99; position: relative;} .top-bar p {text-align: center !important;}} @media (max-width: 768px) {.mobile-header-navigation .mobile-header-logo, .mobile-header-navigation .mobile-header-logo img {height: unset; margin-top: -2px;}} @media (max-width: 947px) {.main-navigation .main-nav ul li a, .menu-toggle, .main-navigation .mobile-bar-items a {padding-left: 10px; padding-right: 10px;}} @media (max-width: 1028px) {.main-navigation .main-nav ul li a, .menu-toggle, .main-navigation .mobile-bar-items a {line-height: 37px;}} @media (max-width: 1265px) {nav#site-navigation {max-width: 100%; z-index: 99; position: relative;}.inside-header.grid-container.grid-parent {text-align: center;}} .main-navigation li {text-shadow: 3px 3px 6px rgba(0,0,0,1), 1px 1px 10px rgba(0,0,0,1),0px 0px 16px rgba(0,0,0,1); transition: all 0.5s ease;} .main-navigation li:hover {text-shadow: 3px 3px 6px rgba(0,0,0,1), 1px 1px 10px rgba(0,0,0,1),0px 0px 16px rgba(0,0,0,1),3px 3px 6px rgba(0,0,0,1), 1px 1px 10px rgba(0,0,0,1),0px 0px 16px rgba(0,0,0,1), 3px 3px 36px rgba(0,0,0,1), 1px 1px 30px rgba(0,0,0,1),0px 0px 46px rgba(0,0,0,1); transition: all 0.5s ease;} .main-navigation li li {text-shadow: none;} .main-navigation .main-nav ul ul li a {font-size: 20px;} .main-navigation .menu-toggle {line-height: 60px; text-shadow: 2px 2px 6px rgba(0,0,0,1), 4px 4px 9px rgba(0,0,0,1), 5px 5px 12px rgba(0,0,0,1);} /* Sticky Menu Color Change */ #sticky-navigation {background-color: #161616;} /* set background color */ .main-navigation.navigation-stick .main-nav ul li a {color: white;} /* set font color - Remove this line to keep things like the menu */ .main-navigation.navigation-stick .main-nav ul li:hover a {color: white;} /* set font hover color - Remove this line to keep things like the menu*/ .main-navigation.sticky-navigation-transition .main-nav > ul > li > a {line-height: 50px;} /* END - Sticky Menu Color Change */ /* - - - END - MENU - - - */ /* - - - GENERAL - - - */ .mws-hide-me {display: none;} hr {height: 3px;} table, td, th {border: 0px none rgba(0, 0, 0, 0.0);} @media (max-width: 768px) {table, td, th {width: 100% !important; display: inline-block; text-align: center !important; padding: 6px 0px;}} /* for tables */ @media (max-width: 768px) {.rhcol {width: 100% !important; display: block !important;} .row-fluid [class*="span"] {margin-left: 0% !important;}} /* for columns */ @media (max-width: 768px) {.site-content img {margin-bottom: 15px; text-align: center; margin-left: auto; margin-right: auto;}} /* - - - END - GENERAL - - - */ /* - - - BODY - - - */ .mws-bkg-tile, .mws-tile {background-size: auto !important; background-repeat: repeat !important;} #generate-section-1 .generate-sections-inside-container {padding-left: 0px; padding-right: 0px;} .generate-sections-inside-container p, .generate-sections-inside-container h1, .generate-sections-inside-container h2, .generate-sections-inside-container h3, .generate-sections-inside-container h4 {padding-left: 15px; padding-right: 15px;} .generate-sections-inside-container {padding-left: 0px !important; padding-right: 0px !important;} .order-on-your-phone {background-repeat: no-repeat; background-size: 100% auto; background-position: center center;} @media (max-width: 1500px) {.order-on-your-phone-div {width: 100%; max-height: 500px !important;} } @media (max-width: 1100px) {.order-on-your-phone-div {width: 100%; max-height: 400px !important;} } @media (max-width: 800px) {.order-on-your-phone-div {width: 100%; max-height: 300px !important;} } @media (max-width: 480px) {.order-on-your-phone-div {width: 100%; max-height: 200px !important;} } .light-gray-section {background-size: auto; background-repeat: repeat; box-shadow: inset 0 0 10px rgba(0,0,0,0.3);} #footer-widgets h5,#footer-widgets h4 {border-bottom: 1px solid #e1e0df;} .hiddenContentp {margin: 5px 0 20px 20px !important;} .hidden-content img {width:unset; margin-top: 10px;} .modern-corners {border-radius: 0px 33px 0px 33px; border: 4px solid #F00; box-shadow: 0 6px 6px rgba(0,0,0,0.6);} .modern-circle {border-radius: 50%; border: 4px solid #F00;} .sidebar .widget .widget-title {margin: 3px 0 3px 3px; padding: 0px; font-size: 27px; font-weight: bold;} .widget ul li {padding-bottom: 2px;} @media (max-width: 590px) {.wpe-col p, .wpe-col h2 {text-align: left !important;}} /* Align Social Media to Center */ ul.sci-social-icons-horizontal, ul.sci-social-icons {display: inline-table;} .sci-social-icons {/*text-align: center; */ /* Uncomment this to make the icons centered at the bottom of the page */ float: none !important;} .sci-social-icons img {width: 40px;} /* END Align Social Media to Center */ #wowslider-container1 {margin: 0px !important;} #wowslider-container1 .ws_images {border: solid 0px white !important;} #wowslider-container1 .ws_images .ws_list img, #wowslider-container1 .ws_images > div > img {border-radius: 0px !important;} /* Bullets in body and footer only, doesn't mess with the menu */ .site-main ul { list-style: outside disc !important; text-align: left; } .site-footer ul, .site-footer li, .site-footer ol { list-style: outside disc !important; text-align: left; margin-left: 6px; } .woocommerce-checkout .site-main ul {list-style: none !important;} .widget ul li {padding-bottom: 14px;} .sci-social-icons ul {list-style: none !important; margin-right: -15px !important;} .widget .sci-social-icons-horizontal li {list-style: none !important; margin-left: 5px !important;} /* END Bullets in body and footer only, doesn't mess with the menu */ /* Fix PhotoFX from breaking the page and off-centering on smart phones */ @media (max-width: 768px) { .pfx-bold-dark-outline-drop-shadow {margin: 4px 4px 3px -10px;} .pfx-drop-shadow {margin: 4px 5px 3px -1px;} } .pfx-bold-dark-outline-drop-shadow { -moz-box-shadow: 9px 10px 12px #000; -webkit-box-shadow: 9px 10px 12px #000; box-shadow: 9px 10px 12px #000; border-radius: 450px; } /* END Fix PhotoFX from breaking the page and off-centering on smart phones */ /* Boxes Styling */ .wpe-box-note {background: rgba(255,255,255,0.8); border: 0px solid #6c3;} .wpe-box-alert {border: 0px solid #ccc; background: rgba(0,0,0,0.1); color: black;} .wpe-box-alert a, .wpe-box-alert a:hover {color: black;} .wpe-box-error {border: 0px solid #E6DB55; background: rgba(0,0,0,0.25); color: black;} .wpe-box-error a, .wpe-box-error a:hover {color: black;} .wpe-box-download {background: rgba(0,0,0,0.8); border: 0px solid #C00; color: white !important;} .wpe-box-download a, .wpe-box-download a:hover {color: white !important;} /* END Boxes Styling */ /* One Line Form Styling */ #vfb-form-1 fieldset {max-width: 90%;} #vfb-form-1 .vfb-item-submit {text-align: right; width: 8%; float: right; margin-top: -84px;} @media (max-width: 1100px) {#vfb-form-1 fieldset {max-width: 87%;} } @media (max-width: 850px) {#vfb-form-1 fieldset {max-width: 84%;} } @media (max-width: 768px) {#vfb-form-1 fieldset {max-width: 100%;} #vfb-form-1 .vfb-item-submit {text-align: right; float: right; margin-top: -16px; margin-bottom: 12px;} } #vfb-form-1 .visual-form-builder .vfb-legend h3 {color: #ffffff; font-size: 30px;} #vfb-form-1 .visual-form-builder .vfb-legend {border-bottom: 0px solid #ececec;} #vfb-form-1 .visual-form-builder .vfb-legend {padding: 0 0px;} #vfb-form-1 form.visual-form-builder {padding: 20px;} /* One Line Form Styling */ .mws-customizable-img-colors {background-color: #2C4982; border: 5px solid #206BED; border-radius: 8px; transition: all 0.5s ease;} .mws-customizable-img-colors:hover {background-color: #206BED; border-radius: 8px; box-shadow: 0 0 9px rgba(0,0,0,0.65); transition: all 0.5s ease;} #footer-widgets .widget ul li {list-style-type: inherit; margin-left: 17px;} #footer-widgets .sci-social-icons ul li {list-style-type: none;} /* ************************************* BEGIN - RB Styling Bundle */ /* Fixed Background Images */ .mws-fixed-background-img-top-center {background-attachment: fixed; background-position: top center;} .mws-fixed-background-img-center-center {background-attachment: fixed; background-position: center center;} .mws-fixed-background-img-bottom-center {background-attachment: fixed; background-position: bottom center;} .mws-fixed-background-img-center-right {background-attachment: fixed; background-position: center right;} .mws-fixed-background-img-bottom-right {background-attachment: fixed; background-position: bottom right;} .mws-fixed-background-img-top-left {background-attachment: fixed; background-position: top left;} .mws-fixed-background-img-center-left {background-attachment: fixed; background-position: center left;} .mws-fixed-background-img-bottom-left {background-attachment: fixed; background-position: bottom left;} /* END - Fixed Background Images */ /* CENTER WP SHOW POST TEXT */ .wp-show-posts .wp-show-posts-entry-title {text-align: center;} /* END - CENTER WP SHOW POST TEXT */ /* Style Header Text with large images */ .generate-inside-page-header-content, .inside-page-hero { font-size: 40px; line-height: normal; color: rgba(255,255,255,1); text-shadow: 0 0 5px rgb(0, 0, 0), 0 0 15px rgb(0, 0, 0), 0 0 5px rgb(0, 0, 0); font-weight: bold; } @media (max-width: 768px) { .generate-inside-page-header-content, .inside-page-hero { font-size: 30px; } } /* END Style Header Text with large images */ /* BEGIN - POPFX */ .imageeffectck_title {line-height: normal !important;} .imageeffectck_title {font-weight: bold !important;} .imageeffectck_title {text-shadow: 0 0 3px rgba(255,255,255,1), 0 0 6px rgba(255,255,255,1), 0 0 11px rgba(255,255,255,1), 0 0 3px rgba(255,255,255,1), 0 0 6px rgba(255,255,255,1), 0 0 11px rgba(255,255,255,1), 0 0 3px rgba(255,255,255,1), 0 0 6px rgba(255,255,255,1), 0 0 11px rgba(255,255,255,1);} figure.imageeffectck .imageeffectck_title {word-spacing: 6px !important; word-wrap: normal !important; font-size: 120% !important;} @media (min-width:768px) and (max-width:1000px) {figure.imageeffectck .imageeffectck_title {font-size: 80% !important;}} @media screen and ( max-width: 768px ) {.imageeffectck {max-width: 90% !important;} } .imageeffectck_desc {text-shadow: 0 0 3px rgba(0,0,0,1), 0 0 6px rgba(0,0,0,1), 0 0 11px rgba(0,0,0,1), 0 0 3px rgba(0,0,0,1)} figure.effectck-sadie .imageeffectck_title {text-align: center; color: #000000 !important; padding-top: 46%;} figure.imageeffectck .imageeffectck_title {width: 90%; margin-left: 5%;} figure.effectck-sadie figcaption::before { background: -webkit-linear-gradient(top, rgba(72,76,97,0) 0%, rgba(0,0,0,0.92) 75%); background: linear-gradient(to bottom, rgba(72,76,97,0) 0%, rgba(0, 0, 0, 0.92) 75%); } figure.imageeffectck {background: #000;} /* END - POPFX */ /* HOME PAGE CIRCLES */ pfx-bold-dark-outline-drop-shadow { border-radius: 50%; border-color: #e0c491;} /* END - HOME PAGE CIRCLES */ /* Section Shadows - need to add mws-top-and-bottom-shadow to the section */ .mws-top-and-bottom-shadow {box-shadow: 0 29px 20px -29px rgba(0, 0, 0, 0.5) inset, 0 -29px 20px -29px rgba(0, 0, 0, 0.5) inset;} /* END - Section Shadows */ /* Set min. page height */ .site-content {min-height: 500px;} /* END - Set min. page height */ /* Buttons */ a.wpe-button { border: 0px solid rgba(0,0,0,0.3); border-radius: 10px; box-shadow: none; text-shadow: none !important; padding: 15px 30px; transition: all 0.5s ease; font-weight: bold; } a.wpe-button:hover { border: 0px solid rgba(0,0,0,0.1); box-shadow: 0 -5px 30px rgba(0, 0, 0, 0.25) inset, 0 1px 1px rgba(0, 0, 0, 0.3), 2px 2px 4px rgba(0,0,0,0.6); transition: all 0.5s ease; } a.wpe-button.wpe-button-blue {background-color: #042057;} a.wpe-button.wpe-button-red {background-color: #F64209;} /* Orange Button */ a.wpe-button.wpe-button-red:hover {background-color: #ffa21f; color: black;} /* Orange Button */ a.wpe-button.wpe-button-green {background-color: green;} a.wpe-button.wpe-button-white {background-color: #fff; color: black !important;} /* END Buttons */ /* ************************************* END - RB Styling Bundle */ .mws-website-by-white, .mws-website-by-white a {background-color:#fff; color: rgba(0,0,0,.25); padding-bottom: 6px; padding-top: 6px; font-size: 14px; width: 100%; text-align: center;} .mws-website-by-light, .mws-website-by-light a {background-color:#DDDDDD; color: rgba(0,0,0,.35); padding-bottom: 6px; padding-top: 6px; font-size: 14px; width: 100%; text-align: center;} .mws-website-by-dark, .mws-website-by-dark a {background-color:#000; color: rgba(255,255,255,.35); padding-bottom: 6px; padding-top: 6px; font-size: 14px; width: 100%; text-align: center;} .inside-site-info p {margin-bottom: 0px;} .anr_captcha_field_div {transform: scale(0.81); transform-origin: 0 0;} @media (max-width: 1275px) { form.visual-form-builder {padding-left: 25px; padding-right: 25px;}} /* Font Awesome Bullets Made EASY! */ .site-content ul ::marker {content: '\f0da'; color: #F64209; font-weight: normal; font-family: FontAwesome; font-size: 19px;} .site-content ul li {padding-left: 7px;} .site-content .visual-form-builder-container ul li {padding-left: 0px !important;} .site-footer ul ::marker {content: '\f0da'; color: #F64209; font-weight: normal; font-family: FontAwesome; font-size: 19px;} .site-footer ul li {margin-left: 15px; padding-left: 7px; padding-bottom: 3px;} .sci-social-icons ul ::marker {content: '';} .visual-form-builder-container ul ::marker {content: '';} .site-content .muni-bellows-table-column ul ::marker {content: '';} .woocommerce-cart ul ::marker {content: '';} .woocommerce-checkout ul ::marker {content: '';} .widget_shopping_cart_content ul ::marker {content: '';} /* END - Font Awesome Bullets Made EASY! */ /* Make logo go above and hang below */ .site-header .header-image {margin-top: -45px; margin-bottom: -22px;} .main-navigation .main-nav ul li a, .inside-top-bar {position: relative; z-index: 9999 !important;} /* This will break the mini cart in the menu drop down*/ .site-logo {position: relative; z-index: 99;} @media (max-width: 1132px) {.site-header .header-image {margin-top: -15px; margin-bottom: -60px;} } /* Make logo go above and hang below */ .site-header .header-image {filter: drop-shadow(3px 3px 2px rgb(0, 0, 0)) drop-shadow(2px 2px 4px rgb(0, 0, 0)) drop-shadow(3px 3px 6px rgb(0, 0, 0));} .mws-text-shadows-in-sections, .mws-text-shadows-in-sections a, .mws-text-shadows-in-sections h1, .mws-text-shadows-in-sections h2, .mws-text-shadows-in-sections h3, .mws-text-shadows-in-sections h4, .mws-text-shadows-in-sections h5, .mws-text-shadows-in-sections h6 {text-shadow: 2px 2px 6px rgba(0,0,0,1), 4px 4px 9px rgba(0,0,0,1), 5px 5px 12px rgba(0,0,0,1);} .footer-widgets { background-image: url(), url(/wp-content/uploads/footer.jpg); background-position: top center, center bottom; background-repeat: repeat-x, repeat-x; background-attachment: scroll, fixed; background-size: auto, auto; } .footer-widgets .widget {filter: drop-shadow(3px 3px 2px #000000) drop-shadow(2px 2px 4px #000000) drop-shadow(3px 3px 6px #000000);} .vfb-submit, input[type="submit"].vfb-submit {font-size: 18px;} .vfb-submit {border-radius: 10px; font-weight: bold; padding: 10px 20px; transition: all 0.5s ease;