/* 
Theme Name: Skydogshoals
Theme URI: https://github.com/elementor/hello-theme-child/
Description: Skydogshoals is a child theme of Hello Elementor, created by Elementor team
Template: hello-elementor
Version: 2.0.0
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/

/* Add your custom styles here */
body{
	background-color:#fff;
	font-family: 'Ubuntu','Roboto', sans-serif;
	color: #000;
	font-size: 16px;
}

.header_wrapper{
	-webkit-box-shadow: -3px 14px 21px -7px rgba(0, 0, 0, 0.59);
    box-shadow: -3px 14px 21px -7px rgba(0, 0, 0, 0.25);
    z-index: 2;
}

header.site-header{
    background-image: url("images/header_bkg.jpg");
    background-repeat: repeat;
}

header .site-logo img{
	max-width: 205px;
}

#content{
	min-height:calc(100vh - 250px);
}

#site-footer{
	background-color: #272526;
	padding-top: 50px;
	padding-bottom: 50px;
	color: #fff;
}

.site-footer-widgets{
	width: 100%;
	border-top: 1px solid #fff;
	padding-top: 10px;
}

.site-footer-widgets a, .site-footer-widgets p{
	color: #fff;
	font-weight: 600;
	font-size: 16px;
	line-height: 1.2;
}

/* Ninja forms styles  */

.nf-before-form-content{
	display:none;
}

form .label-above .nf-field-label{
	margin-bottom: 5px;
}

form .nf-field-label .nf-label-span, form .nf-field-label label {
    font-size: 18px;
    font-weight: 500;	
}

input[type=date], input[type=email], input[type=number], 
input[type=password], input[type=search], 
input[type=tel], input[type=text], 
input[type=url], select, textarea {
	border: none;
}

.checkbox-wrap{
	align-items: flex-start;
}

form .label-right .checkbox-wrap .nf-field-element{
	height: 20px;
	width: 20px;
}

form .checkbox-wrap input, 
form .field-wrap>div input[type=checkbox] {
	height: 100%;
	width: 100%;
}


form .field-wrap input[type=submit]{
    border: none;
    background-color: #B23B3C;
    color: #F1E4CD;
    transition: all 0.3s;
    font-size: 21px;
    font-weight: 600;
    border-radius: 0;
    margin-top: 20px;
}

.submit-wrap .nf-field-element{
	text-align: center;
}

form .field-wrap input[type=submit]:hover{
	opacity: 0.8;
}

#preorder_form{
	opacity: 0;
	left: -9999px;
	transition: left 0.1s, opacity 1.1s;
}

#preorder_form.active{
	opacity: 1;
	left: 0;
}

.elementor-editor-active #preorder_form{
	opacity: 1;
	left: 0;
}

.elementor-button:hover{
	opacity: 0.8;
}

.socials a img{
	transition: all 0.3s;
}

.socials a:hover img{
	rotate: 5deg;
}

/* Add to calendar */

.ac_wrap{
	display: none;
}

.elementor-editor-active .ac_wrap{
	display: block;
}

.ac_wrap .wp-element-button{
	background-color: #b23b3c;
    border-radius: 0;
}

.ac_wrap .wp-element-button:hover{
	color: #F1E4CD;
	opacity: 0.9;
}

button.calendar-dropdown-option:hover{
	color:#000;
}

.ql-align-center{
	text-align: center;
}

ol li[data-list="bullet"]{
	list-style-type: disc;
}

.ql-resp-header{
	font-size: 30px;
	color: #b23b3c;
}