/*
Theme Name: OBX Surf School
Theme URI:  https://www.outerbanksmedia.com
Description: This Child Theme modifies the default WordPress nonsense to bring the overall hotness to the Outer Banks Surf School brand and web presence.
Author: C.K. Evans
Author URI: https://www.outerbanksmedia.com
Version: 0.0.1
Template: generatepress
*/
/* COLORS	
 * Main blue: 2676bc
 * Light blue: d0e0f0
 * Turquoise: 38a6d7
 * Gray: 616164
*/

@font-face {
    font-family: 'montserratregular';
    src: url('fonts/montserrat-regular-webfont.woff2') format('woff2'),
         url('fonts/montserrat-regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;}

@font-face {
    font-family: 'pacificoregular';
    src: url('fonts/pacifico_copy-webfont.woff2') format('woff2'),
         url('fonts/pacifico_copy-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;}


/*--Base Styles--*/
a.btn {padding: 8px 18px; background-color: #2676bc; color: #ffffff;}
a.btn:hover {background-color: #38a6d7; color: #ffffff;}
.grid-container {padding: 0;}

/*--Fonts--*/
p, body {font-family: 'montserratregular', sans-serif; font-size: 15px;}
h1 {font-family: 'pacificoregular', sans-serif; color: #2676bc; font-size: 48px;}
h2 {font-family: 'montserratregular', sans-serif; font-size: 24px; color: #2676bc; text-transform: uppercase;}
h3 {font-family: 'montserratregular', sans-serif; font-size: 20px; color: #2676bc; text-transform: uppercase;}

.white-text {color: #ffffff;}

.elementor-button, .elementor-button:visited {background-color: transparent; border: 2px solid #38a6d7; color: #2676bc; border-radius: 0; text-transform: uppercase;}
.elementor-element-117a7a0 .elementor-button, .elementor-element-117a7a0 .elementor-button:visited {background-color:#818a91;color:#fff}
.elementor-button:hover {background-color:#38a6d7;color:#ffffff}

/*--Header--*/
.top-bar {background-color: #2676bc;}
.inside-top-bar {padding: 8px 40px;}
.top-bar-align-right .inside-top-bar>.widget:nth-child(odd) {margin: auto;}
.top-bar i {font-size: 16px; padding-left: 6px;}

.inside-header {padding: 8px 40px;}

.main-navigation .main-nav ul li a, .menu-toggle, .main-navigation .menu-bar-items, .main-navigation .main-nav ul ul li a {font-size: 13px; text-transform: uppercase;}
.main-navigation .main-nav ul li a {padding-left: 14px; padding-right: 14px; line-height: 32px;}
.menu-item-has-children .dropdown-menu-toggle {padding-right: 10px; padding-left: 4px;}
.main-navigation li.book-now-link {border: 2px solid #38a6d7;}
.main-navigation .main-nav ul li.book-now-link:hover > a {background: #38a6d7; color: #ffffff;}

/*--Footer--*/
.footer-widgets {background-color: #616164;}
.footer-widgets-container {padding: 4px 20px;}
.footer-widgets .widget-title {color: #ffffff; margin-bottom: 12px; font-size: 16px; text-transform: uppercase; font-weight: normal;}
.footer-widgets p, .footer-widgets a {color: #ffffff; font-size: 14px;}
.footer-widgets a:hover, .footer-widgets a:hover i {color: #38a6d7;}
.footer-widgets a.btn:hover {color: #ffffff;}
.footer-widgets i {color: #ffffff;}

.embed-container {position:relative;padding-top:25px;padding-bottom:56.25%;height:0} 
.embed-container iframe, .responsive-embed object, .responsive-embed embed {position:absolute;top:0;left:0;width:100%;height:100%}

.site-info {background-color: #2676bc; font-size: 11px; padding: 8px 40px;}
.inside-site-info {padding: 2px 40px;}

.footer-cta {padding: 80px 0; text-align: center; background-image: url(/wp-content/uploads/wave-barrel.jpg); background-position: bottom center; background-size: cover;}

@media (min-width: 480px) {
}
@media (min-width: 768px) {

}
@media (min-width: 993px) and (max-width: 1199px) {}
@media (min-width: 993px) {
}
@media (min-width: 1200px) {
}
@media (min-width: 768px) and (max-width: 1200px) {
	.site-logo {width:150px}
}
@media (max-width: 980px) {
	.main-navigation .main-nav ul li a, .menu-toggle, .main-navigation .menu-bar-items, .main-navigation .main-nav ul ul li a {font-size: 11px;}
	.main-navigation .main-nav ul li a {padding-left: 9px; padding-right: 9px;}
	.inside-header {padding: 8px 20px}
}
@media (max-width: 767px) {

}
@media (max-width: 640px) {}
@media (max-width: 480px) {}
@media (min-width: 993px) and (max-width:1200px) {}
@media (min-width: 768px) and (max-width:992px) {}