/*
 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.
 
 */


.footer-widgets {margin-top: -1px;}
.mobile-header-navigation .site-logo.mobile-header-logo img {height: 120px;}
.slideout-navigation.do-overlay .inside-navigation {padding: 15px 0 0 0 !important;}
.inside-navigation {width: 100% !important; max-width: 100% !important;}
table, td, th {border: 0px none rgba(0, 0, 0, 0.0);}
table {margin: 0px !important;}
table, td, th, tr {height: unset !important;}
/* Mobile Tables Stack */
@media (max-width: 768px) {
  table {display: block;}
table, td, th {width: 100% !important; display: inline-block; padding: 6px 0px;}}
/* 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: 95% !important; padding-top: 10px; padding-bottom: 10px;}
  .inside-header > :not(:last-child):not(.main-navigation) {margin-bottom: 0px;}}
/* 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: 0%;}
.mws-top-bar-add-padding {padding-top: 2px;}
.top-bar .sci-social-icons {text-align: right;}
.top-bar .widget ul li {padding-bottom: 0px;}

@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;}
}
.top-bar .sci-social-icons {float: right;}
.top-bar .inside-top-bar .widget {width: 100% !important;}
/* END - Top Bar Styling */
.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;}

/* Modded to tHeme */
.mws-top-overlap {margin-top: -5%; position: relative; z-index: 2;}
@media (max-width: 768px) {.mws-top-overlap {margin-top: 2%; position: relative; z-index: 92; float: none;}}
#sticky-navigation {z-index: 99 !important;}

.site-logo {margin-bottom: 0px; position: relative; z-index: 9999; margin-top: -4%;}
.inside-navigation {margin-left: 20%;}
.header-widget {width: 100%; max-width: 80%;}
@media (max-width: 768px) {
  .inside-navigation {margin-left: 0%;}
  .site-logo {margin-bottom: 10px;}
}

/* Boxes Styling */
.wpe-box {padding: 30px 20px;}
.wpe-box-note {background: rgba(255,255,255,1); border: 3px solid #0055A5; box-shadow: 0px 0px 15px rgb(0, 0, 0);}
.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 */