/*
 Theme Name:   American Sailing Academy
 Theme URI:    http://www.americansailingacademy.com
 Description:  American Sailing Academy
 Author:       Abaan Outsourcing
 Author URI:   https://www.americansailingacademy.com
 Template:     generatepress
 Version:      0.1
*/

@import url('https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.3/css/all.min.css');
.hide{display:none !important}
.mb-0, blockquote{margin-bottom:0px !important}
.mb-5{margin-bottom:5px !important}
.mb-10{margin-bottom:10px !important}
.mb-20{margin-bottom:20px !important}
.mb-25{margin-bottom:25px !important}
.text-uppercase{text-transform:uppercase;}
.ml-10 {margin-left: 10px;}
.ml-0 {margin-left: 0px !important;}
.ml-1em{margin-left: 1em !important;}
.top-bar, .site-header, .main-navigation, .site-info, .footer-widgets {background-color: transparent !important;}
.top-bar .inside-top-bar {padding: 7px 20px;background-color: #89cebe;}
.site-header .inside-header{padding:10px 20px !important}
.site-header .inside-header, .main-navigation .inside-navigation{background:#fff;}
.top-bar .topheader ul li {display: inline-block;margin-bottom: 0px;margin-right: 14px;font-size:13px;font-weight:600;}
.top-bar .topheader ul li i {color: #d7c2ad;margin-right: 10px;font-size: 17px;}
.social li {margin-right: 5px !important;}
.top-bar .social ul li i{color: rgb(255 255 255 / 65%);}
.top-bar .social ul li:hover i, .top-bar .topheader ul li a:hover {color: rgb(255 255 255);}
.main-navigation .inside-navigation{border-top: 1px solid #ddd;border-bottom: 1px solid #ddd;}
.main-navigation li{margin:0px 15px;}
.main-navigation li a {color: #000;text-transform: uppercase;font-family: 'Antic Slab';line-height: 45px !important;border-top: 2px solid transparent;transition: 0.5s linear;padding: 0px !important;font-weight: 600;font-size: 14px;}
.main-navigation li a:hover{border-top-color:#002f58 !important;transition: 0.5s linear;}
.main-navigation .main-nav ul li[class*="current-menu-"] > a, .main-navigation .main-nav ul li:hover > a, .main-navigation .main-nav ul li:focus > a, .main-navigation .main-nav ul li.sfHover > a, .main-navigation .menu-bar-item:hover > a, .main-navigation .menu-bar-item.sfHover > a, .main-navigation .main-nav ul li[class*="current-menu-"] > a:hover, .main-navigation .main-nav ul li[class*="current-menu-"].sfHover > a {color: #110be8;background-color: transparent;}
.separate-containers .site-main{margin-top:0px;margin-right: 0px;}
.site-content .content-area, .is-right-sidebar{background:#fff !important}
.inside-right-sidebar aside {margin-bottom: 0px !important;padding: 15px 15px 0px 15px !important;text-align: center;}
.separate-containers .inside-left-sidebar, .separate-containers .inside-right-sidebar{margin:0px !important}
.separate-containers .site-main .inside-article {padding: 15px;}
body {
    background-image: url(http://www.americansailingacademy.com/demo/wp-content/uploads/2021/06/American-Sailing-Background-min.jpg);
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-position: center center;
}
.top-location li.number {
    border: 2px solid #fff;
    margin-bottom: 0px;
    padding: 5px 10px;
    border-radius: 5px;
    font-size: 15px;
    animation-name: flashes;
    animation-duration: 2s;
    animation-timing-function: linear;
    animation-iteration-count: infinite;
}
.top-location li {
    margin-bottom: 0px !important;
    font-weight: 600;
    font-size: 15px;
}
.google-map a:hover {color: #931519 !important;}
.top-location li a:hover{color:#fff !important }
.top-location li i{margin-right:10px;}
.top-location li.number.widget-text{color:#fff;animation-name: disco;font-size: 20px;}
.site-info .inside-site-info {padding: 8px 20px;background: #89cebe;font-weight: 600;color: #000;}

.footer-section li {
    display: inline-flex;
    margin: 5px;
    color: #fff;
	justify-content: center;
    align-items: center;
}
.footer-section li i {
    margin-right: 10px;
}

.form-design .fm-form-container.fm-theme1 {
    width: 100%;
}
.form-design .wdform-element-section input, .form-design .wdform-element-section textarea {
    padding: 8px !important;
    font-size: 13px !important;
    font-weight: 500;
    background: #f8f8f8;
    letter-spacing: 1px;
    margin-bottom: 0px !important;
}
.form-design .fm-form label {
    font-size: 11px;
    font-weight: 600;
    color: #000;
    text-transform: uppercase;
    letter-spacing: 1px;
}
.form-design .fm-form .button-submit {
    max-width: 100%;
    background: #89cebe;
    font-size: 15px;
    border: none !important;
    text-transform: uppercase;
    font-weight: 600;
    margin-top: 10px;
    padding: 12px 25px;
    line-height: initial;
    border-radius: 50px;
}

@keyframes disco{
	0% {background: #002f58;}
	50% {background: #110be8;}
	100% {background: #002f58;}
}

@keyframes flashes{
	0% {background: #002f58;}
	50% {background: #89cebe;}
	100% {background: #110ae9;}
}









@media (min-width:768px){
	.main-navigation .inside-navigation{justify-content:center;}
	.site-content .content-area {width: 75%;}
    .is-right-sidebar{width:25%;border-left:1px solid #ddd}
}

@media (max-width:600px)
{
	.contact-info li {
    display: block;
}
}