/*
 Theme Name:   MWS Clean
 Theme URI:    http://modernwebstudios.com
 Description:  MWS Clean is a GeneratePress child theme. 
 Author:       John Taylor
 Author URI:   http://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

 MWS Clean, Copyright 2016 John Taylor
 MWS Clean is distributed under the terms of the GNU GPL

 MWS Clean 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-image {font-size: 30px; line-height: 30px; font-variant: small-caps;}

.home #generate-section-1.generate-sections-container {
    margin-top: -100px;
    padding-top: 150px;
}
.site-header {
background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(190,228,248,0.5) 100%);
background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(190,228,248,0.5) 100%);
background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(190,228,248,0.5) 100%);
box-shadow: 0 0 6px rgba(0,0,0,0.5);
}

.header-widget {display: none;}
#sticky-navigation {background-color: rgba(255,255,255,1);}
.main-navigation, .navigation-clone {box-shadow: 0 15px 20px rgba(255,255,255,1),0 15px 35px rgba(255,255,255,1) !important;}
.main-navigation .navigation-logo img {padding: 4px !important;}
#sticky-navigation {margin-bottom: -20px;}

/* Form Syling */
#mobile-header {display: none !important;}
.visual-form-builder fieldset {margin: 15px 20px 15px 0px;}
.vfb-submit, input.vfb-submit[type="submit"] {padding: 9px 33px 36px 29px !important; margin-left: 0px !important;}
.visual-form-builder li {padding: 0px !important;
} 
/* Form-1 */
.mws-form-1 {color: #000000 !important; background: rgb(252,234,187); background: -webkit-linear-gradient(top,  rgba(252,234,187,1) 0%,rgba(252,205,77,1) 50%,rgba(248,181,0,1) 51%,rgba(251,223,147,1) 100%); background: linear-gradient(to bottom,  rgba(252,234,187,1) 0%,rgba(252,205,77,1) 50%,rgba(248,181,0,1) 51%,rgba(251,223,147,1) 100%) !important; box-shadow: inset 0 0 11px rgba(0,0,0,0.5), 5px 5px 8px rgba(0,0,0,0.5); border: 0px solid rgba(0,0,0,0) !important;
}
.mws-form-1:hover {box-shadow: inset 0 0 11px rgba(0,0,0,0.6), 5px 5px 8px rgba(0,0,0,0.6), 5px 5px 8px rgba(0,0,0,0.65); border: 0px solid rgba(0,0,0,0) !important;
}
.mws-special-form {padding-left: 25px; padding-right: 25px;}
.visual-form-builder fieldset {border: 0px solid #d3d3d3; background-color: rgba(255,255,255,0.75); box-shadow: inset 0 0 0 200px rgba(255,255,255,0.2);}

/* END - Form Syling */

.mws-center-center {background-position: center center !important;}

@media (max-width:768px) {.pfx-framed-drop-shadow {max-width: 90% !important; margin: 5px 0px 5px 0px !important;} }

.mws-black-glow {text-shadow: 0px 0px 4px rgba(0,0,0,1), 0px 0px 9px rgba(0,0,0,1), 0px 0px 14px rgba(0,0,0,1);}

.main-navigation .sticky-logo, .main-navigation .sticky-logo img {text-align: left;}

.main-navigation ul ul {min-width: 300px;}
.sub-menu {border-radius: 6px; padding-bottom: 15px;}

#generate-section-2 .generate-sections-inside-container {
  padding-left: 10px;
    padding-right: 10px;
}
  
#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;}

.site-logo { align-items: left; width: 100%; max-width: 26% !important; padding-top: 0px; font-weight: bold;}

#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;
  
}

.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);}

table, td, th {border: 0px none rgba(0, 0, 0, 0.0);}
@media (max-width: 768px) {.mobile-tables table, td, th {width:100% !important; display: inline-block; text-align: center !important;}}

#footer-widgets h5,#footer-widgets h4 {border-bottom: 1px solid #e1e0df;}
.footer-widgets {border-bottom: 1px solid #e1e0df;}

@media (max-width: 768px) {
  .mobile-header-navigation .mobile-header-logo, .mobile-header-navigation .mobile-header-logo img {height: unset; margin-top: -2px;}
  .header-image {min-width: 200px;}
}

@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: 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: 1265px) {
	nav#site-navigation {max-width: 100%;}
  .inside-header.grid-container.grid-parent {text-align: center;}
}

h2 {margin-top: 17px; margin-bottom: 12px;}

.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;}

.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;}
.sidebar .widget .widget-title {margin: 3px 0 3px 3px; padding: 0px; font-size: 27px; font-weight: bold;}
.widget ul li {padding-bottom: 2px;}

.home-section-background {background-repeat: repeat; background-size: auto;}
.home-section-3 {text-shadow:  0 6px 3px rgba(0,0,0,1),  0 0px 5px rgba(0,0,0,1),  0 2px 4px rgba(0,0,0,1);}
.home-section-video {box-shadow: inset 0 0 12px rgba(0,0,0,0.4);}

@media (max-width: 768px) {.site-logo {max-width: 40% !important;}}
@media (max-width: 590px) {.wpe-col p, .wpe-col h2 {text-align: left !important;}}

/* Form Captcha section to fit tighter and be smaller */
.FC_captcha_input_container {float: left; width: 30%; margin-right:10px;}
.FC_captcha_input_container input {float:left;width: 100% !important;height: 35px;margin-top: 6px;box-shadow: inset 2px 2px 4px rgba(0,0,0,0.4);}
.vfb-item-submit {float: left;display: block;clear: none !important;height: 35px;padding-top: 0px !important;}
.vfb-item-submit input {height: 35px;float:left;padding: 5px 20px !important;margin-top: 6px !important;}
.visual-form-builder div {font-size: 13px;}
.visual-form-builder fieldset {box-shadow: 0px 31px 35px -43px rgba(0,0,0,1), 0px 18px 18px -30px rgba(0,0,0,1), inset 0 0 9px rgba(0,0,0,0.35);}
/* END Form Captcha code */

/* BEGIN - Mobile Logo Large Centered at top */
@media screen and ( max-width: 768px ) {
.inside-header {display: table !important; margin-left: auto; margin-right: auto;}
}
@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;}
/* END - Mobile Logo Large Centered at top */

/* Boxes Styling */
.wpe-box-note {
  background: rgba(255,255,255,0.5) none repeat scroll 0 0;
  border: 0px solid rgba(0,0,0,0.5);
  color: #000000 !important;
}
.wpe-box-note:hover {
  background: rgba(255,255,255,0.7) none repeat scroll 0 0;
}
.wpe-box-note a {
  color: #000000 !important;
}
.wpe-box-alert {
  background: rgba(255,255,255,0.6) none repeat scroll 0 0;
  border: 0px solid rgba(0,0,0,0.5);
  color: #000000 !important;
}
.wpe-box-alert:hover {
  background: rgba(255,255,255,0.8) none repeat scroll 0 0;
}
.wpe-box-alert a {
  color: #000000 !important;
}
.wpe-box-error {
  background: rgba(255,255,255,0.80) none repeat scroll 0 0;
  color: #000000 !important;
  border: 0px solid rgba(0,0,0,0.5);
}
.wpe-box-error:hover {
  background: rgba(255,255,255,0.90) none repeat scroll 0 0;
}
.wpe-box-error a {
  color: rgba(255,255,255,1) !important;
}
.wpe-box-error a:hover {
  color: rgba(255,255,255,0.75) !important;
}
.wpe-box-download {
  background: rgba(255,255,255,0.5) none repeat scroll 0 0;
  color: #ffffff !important;
  border: 0px solid rgba(0,0,0,0.5);
}
.wpe-box-download a {
  color: rgba(255,255,255,1) !important;
}
.wpe-box-download a:hover {
  color: rgba(255,255,255,0.75) !important;
}
.wpe-box {
  border-radius: 12px;
  box-shadow: 0px 0px 12px rgba(0,0,0,0.1) inset, 0px 31px 35px -43px rgba(0,0,0,1), 0px 31px 35px -43px rgba(0,0,0,1), 0px 31px 35px -43px rgba(0,0,0,1), 0px 31px 35px -43px rgba(0,0,0,1), inset 0 0 6px rgba(0,0,0,0.25);
  padding: 35px 20px 20px 20px;
}
/* END Boxes Styling */

.mws-tile {background-size: auto;}
.mws-shrink-bkg {background-size: 26% !important;}
.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;
}

.mws-white-glow {text-shadow: 0 0 3px rgb(255,255,255), 0 0 5px rgb(255,255,255), 0 0 9px rgb(255,255,255);}

ul {margin-left: 24px;}
.slideout-navigation {background-color: #ffffff;}

.footer-widgets .sci-social-icons ol ul {margin: 0 auto !important;}

.mws-columns-gray-bkg {background-color: rgba(0,0,0,0.05); padding: 15px; border-radius: 5px; box-shadow: 0px 31px 35px -43px rgba(0,0,0,1), inset 0 0 6px rgba(0,0,0,0.25);}

/* Make form fileds taller and more modern */
.visual-form-builder-container input, .visual-form-builder-container textarea, .visual-form-builder-container option, .visual-form-builder-container select {
	padding: 8px !important;
  border-radius: 3px !important;
}
/* END Make form fileds taller and more modern */

ul.sci-social-icons-horizontal, ul.sci-social-icons {
  display: inline-table;
}

.sci-social-icons {
	text-align: center;
  float: none !important;
}

/* Buttons */
a.wpe-button {
  border: 0px solid rgba(0,0,0,0.3);
  border-radius: 5px;
  box-shadow: 0 10px 15px -10px rgba(0, 0, 0,0.95);
  padding: 16px 20px 10px 20px;
  line-height: 148%;
}
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), 0 10px 15px -10px rgba(0, 0, 0, 0.99), 0 10px 15px -10px rgba(0, 0, 0, 0.99);
  background-image: linear-gradient(to bottom right, rgba(0,0,0,0.01), rgba(0,0,0,0.6));
}
/* END Buttons */

/* Woo Styling */
.woocommerce #content div.product div.images, .woocommerce div.product div.images, .woocommerce-page #content div.product div.images, .woocommerce-page div.product div.images {
width: 32%;}
.woocommerce #content div.product div.summary, .woocommerce div.product div.summary, .woocommerce-page #content div.product div.summary, .woocommerce-page div.product div.summary {
width: 62%; }
.product-with-options {border: 0px solid gray !important;}
.woocommerce div.product div.images .woocommerce-product-gallery__wrapper .zoomImg {background-color: rgba(255,255,255,0.8);}
.woocommerce-cart table.cart img, .woocommerce-checkout table.cart img {width: 184px;}

      /* Product Options Styling */
.product-option-title {font-size: 19px;}
.product-option-content input[type="text"] {width: 100%;}
.pswp__img {width: 100% !important; height: auto !important; max-width: 750px !important; max-height: auto !important;}
.product-options-image-option {max-height: 100px !important; width: auto !important;}
.product-option-label-after {display: block;}
.woocommerce div.product div.images .woocommerce-product-gallery__trigger::after {display: none !important;}
  /* END - Woo Styling */