/*
 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 {padding-top: 0px; font-weight: bold; margin-bottom: -65px;}
.site-header {box-shadow: 0 0px 11px rgba(0, 0, 0, 0.4);}
.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;}}
@media (max-width: 1284px) {
	.site-logo {margin-bottom: -26px;}
	.inside-header > :not(:last-child):not(.main-navigation) {margin-bottom: 0px;}
	.menu-toggle::before {padding: 20px;}
	}
.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 - - - */
/* Sticky Menu Color Change */
#sticky-navigation {background-color: #333;} /* 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: #549CF5;} /* set font hover color - Remove this line to keep things like the menu*/ 
.main-navigation.navigation-stick .main-nav ul ul li a {color: #fff !important;} /* set font color - Remove this line to keep things like the menu */
.main-navigation.navigation-stick .main-nav ul ul li a:hover {color: #549CF5;} /* set font hover color - Remove this line to keep things like the menu*/ 
.header-wrap {border-bottom: 6px solid #549CF5A3;}
/* END - Sticky Menu Color Change */
.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) {.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%;}.inside-header.grid-container.grid-parent {text-align: center;}}
/* - - - 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;}
#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;}
.footer-widgets {border-top: 9px solid #9F0000;}

.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 li {
	width: 23px;
	border-radius: 99px;
	background-color: #0C2D48;
	padding: 4px !important;
	overflow: visible;
	transition: all 0.5s ease;
}
.sci-social-icons li:hover {border-radius: 0px; transition: all 0.5s ease;}
.footer-widgets .widget :last-child, .sidebar .widget :last-child {margin-bottom: -4px;}
/* 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;}
.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;
}
/* END Fix PhotoFX from breaking the page and off-centering on smart phones */

/* Boxes Styling */
.wpe-box-note {background: #e8d1ae; border: 0px solid #6c3; color: black;}
.wpe-box-alert {border: 0px solid #ccc; background: #dbbf94; color: black;}
.wpe-box-alert a, .wpe-box-alert a:hover {color: black;}
.wpe-box-error {border: 0px solid #E6DB55; background: #cdad7d; 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: -76px;}
@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%);
}
/* END - POPFX */

/* HOME PAGE CIRCLES */
/*.pfx-bold-dark-outline-drop-shadow { border-radius: 50%; border-color: #ffffff;}*/
/* 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: 0px;
    box-shadow: none;
    padding: 10px 26px;
}
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);
}
a.wpe-button.wpe-button-blue {background-color: #042057;}
a.wpe-button.wpe-button-red {background-color: red;}
a.wpe-button.wpe-button-green {background-color: green;}
a.wpe-button.wpe-button-white {background-color: #cdad7d; color: #222344; font-size: 18px; font-weight: bold; width: 100%; max-width: 246px; margin: 5px; padding: 15px 5px 15px 5px;}
a.wpe-button.wpe-button-yellow {background-color: #e8d1ae; color: #222344; font-size: 18px; font-weight: bold; width: 100%; max-width: 246px; margin: 5px; padding: 15px 5px 15px 5px;}

/* 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: inherit; font-weight: bold; font-family: FontAwesome; font-size: 19px;}
.site-content ul li {padding-left: 7px;}

.site-footer ul ::marker {content: '\f0da'; color: inherit; font-weight: bold; font-family: FontAwesome; font-size: 19px;}
.site-footer ul li {padding-left: 7px;}

.sci-social-icons ul ::marker {content: '';}

.visual-form-builder-container ul ::marker {content: '';}
/* END - Font Awesome Bullets Made EASY! */

/* Mega Menu Styling */
.main-navigation ul ul .mega-menu-item a {display: initial; font-weight: initial; color: inherit; font-size: inherit;}  /* Makes the content NOT take on what's set in the menu */
.main-navigation ul ul .mega-menu-item a:hover {opacity: 0.6;}
ul.mega-sub-menu {background-blend-mode: multiply;}
#mega-menu-wrap-primary #mega-menu-primary li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row .mega-menu-column > ul.mega-sub-menu > li.mega-menu-item {
    border-right: 2px solid rgba(255,255,255,0.2);
}
#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-item, #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-column > ul.mega-sub-menu > li.mega-menu-item {border-right: 2px solid rgba(255,255,255,0.2);}
#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item > a.mega-menu-link {text-shadow: 2px 2px 4px rgba(0,0,0,1), 0px 0px 6px rgba(0,0,0,1), 4px 4px 9px rgba(0,0,0,1);}
.mega-menu-item p span a, .mega-menu-item p a span, .mega-menu-item a p, .mega-menu-item p a, .mega-menu-item a span  {font-weight: normal !important;}
.mega-menu-item p strong span a, .mega-menu-item p strong a span, .mega-menu-item p strong a, .mega-menu-item a p strong, .mega-menu-item p a strong, .mega-menu-item a span strong {font-weight: bold !important;}
/* END - Mega Menu Styling */

.muni-quicklink-icons table img {background-color: #0C2D48; border-radius: 99px;}
.muni-quicklink-icons table img:hover {background-color: #830000;}

/* Bellows Accordion Left Side Menu Styling */
.fa-chevron-down::before {content: "\f067" !important;}
.fa-chevron-up::before {content: "\f068" !important;}
.bellows.bellows-skin-grey-material .bellows-nav .bellows-item-level-0 > .bellows-target .bellows-subtoggle {background: inherit !important;}
.bellows.bellows-skin-grey-material {background: #10213c !important;}  /* Main Button Color */
.bellows.bellows-skin-grey-material .bellows-nav .bellows-item-level-0 > .bellows-target:hover {background: rgba(0,0,0,0.15) !important;} /* Main Button Hover Color */
.bellows.bellows-skin-grey-material .bellows-nav .bellows-item-level-0.bellows-active > .bellows-target {background: #173057 !important;} /* Expanded */
.muni-table-right-column {text-align: left; vertical-align: top; background-color: rgba(0,0,0,0.15); padding: 15px;} .muni-bellows-table-column {width: 20%; text-align: left; vertical-align: top; background-color: #173057; padding: 0px; color: white;} /* Bottom Panel Background Color */
.bellows {margin: 0px 0px 20px 0px !important;}
.muni-bellows-table-column p {margin: 20px !important;}
.muni-bellows-table {
	width: 100%; 
	border-collapse: collapse; 
	margin-left: -15px !important; 
	margin-top: -15px !important; 
	margin-bottom: 15px !important;
	padding: 0px;
	background-color: white;
	box-shadow: 0 6px 9px rgba(0, 0, 0,0.5);
        min-height: 500px;
}
.bellows .bellows-nav .bellows-subtoggle {width: 40px !important;}
.bellows .bellows-nav .bellows-target > .bellows-target-text {max-width: 226px !important;}
.bellows.bellows-skin-grey-material .bellows-nav .bellows-item-level-0 > .bellows-target {padding: 10px 10px 10px 20px !important;}
.bellows ul li, .bellows ul, .bellows li, .bellows li li, .bellows li li li {list-style: none !important;}
.bellows-item-level-1 a {
 color: #343434 !important;
 background: rgb(233,233,233);
 background: -moz-linear-gradient(90deg, rgba(200,200,200,1) 0%, rgba(255,255,255,1) 100%) !important;
 background: -webkit-linear-gradient(90deg, rgba(200,200,200,1) 0%, rgba(255,255,255,1) 100%) !important;
 background: linear-gradient(90deg, rgba(200,200,200,1) 0%, rgba(255,255,255,1) 100%) !important;
 transition: all 1s ease !important;
}
.bellows-menu-item-has-children.bellows-item-level-1 > a {background: #3E4F6A  !important; color: white !important;}
.bellows-item-level-2 a {background: #b5b5b5 !important;}
.bellows-item-level-2 a:hover {background: #fff !important;}
.bellows-item-level-3 a {background: #555 !important; color: #fff !important;}
.bellows-item-level-3 a:hover {background: #fff !important;}
.bellows-item-level-4 a {background: rgba(255,255,255,1) !important; color: black !important;}
.bellows-item-level-4 a:hover {background: #fff !important; color: black !important;}
.bellows-item-level-5 a {background: rgba(255,255,255,1) !important; color: black !important;}
.bellows-item-level-5 a:hover {background: #fff !important; color: black !important;}
.bellows.bellows-skin-grey-material .bellows-nav .bellows-submenu .bellows-current-menu-item > .bellows-target {background: #890512 !important; color: white !important;}
/* END - Bellows Right Side Menu Styling */

table, td, th, tr {height: unset !important;}

.muni-white-bkg-behind-logo img {background-color: white; border-radius: 99px;}