/*
 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, 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;}}
.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 6px 6px; padding-bottom: 15px;}
@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) {.mobile-tables table, td, th {width:100% !important; display: inline-block; text-align: center !important;}}

/* - - - END - GENERAL - - - */



/* - - - BODY - - - */
#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;}
.site-info {background-size: 100% 900%; background-position: inherit;}

.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;
}
.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;}
}
/* 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-error {border: 0px solid #E6DB55; background: rgba(0,0,0,0.25); color: black;}
.wpe-box-download {background: rgba(0,0,0,0.8); border: 0px solid #C00; 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%;}
/* 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: 4px solid rgba(0,0,0,0.3);
    border-radius: 10px;
    box-shadow: 0 1px 0 rgba(0, 0, 0, 0.5) inset, 0 -5px 30px rgba(0, 0, 0, 0.25) inset, 0 1px 1px rgba(0, 0, 0, 0.3);
    padding: 10px 20px;
}
a.wpe-button:hover {
    border: 4px solid rgba(0,0,0,0.1);
    box-shadow: 0 1px 0 rgba(0, 0, 0, 0.85) inset, 0 -5px 30px rgba(0, 0, 0, 0.95) inset, 0 1px 1px rgba(0, 0, 0, 0.3);
}
/* 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;}}

 #site-navigation {text-shadow:  2px 2px 3px rgba(0,0,0,1), 3px 3px 6px rgba(0,0,0,1);}