/* 
Theme Name:		 Tune Into Paradise
Theme URI:		 http://www.websitebundles.com/
Description:	 Theme by Site <a href=\"http://childthemegenerator.com/\">http://childthemegenerator.com/</a>
Author:			 Bozaan Design
Author URI:		 http://www.bozaandesign.com/
Template:		 twentyseventeen
Version:		 1.0.0
Text Domain:	 Twenty-Seventeen-child
-------------------------------------------------------------- */ 

/* =Theme customization starts here
------------------------------------------------------- */

.page .panel-content .entry-title,
.page-title,
body.page:not(.twentyseventeen-front-page) .entry-title {
	color: #2b74a1;
	font-size: 22px;
	font-size: 1.375rem;
	font-weight: 600;
}
body,
button,
input,
select,
textarea {
	color: #6c6c6c;
}
.has-sidebar #secondary {
    background-color: rgba(255, 255, 255, 0.7);
    padding: 0 20px 20px;
    margin-top: 0;
}
.home .entry-header::after {
	content: '';
	background: url(./images/css-logo-260.png) no-repeat 46px 0;
	width: 100%;
	height: 195px;
	margin-top: -9px;
	display: block;
}
.tune-into-paradise-wrap {
	display: none;
}
.home .tune-into-paradise-wrap {
	display: block;
}
body.has-header-image .site-title {
    padding-bottom: 30px;
}
.home .site-branding {
    background-color: rgba(0, 0, 0, 0.25);
}
.site-description {
    display: none;
}
h2.widget-title {
	color: #2b74a1;
	font-size: 14px;
	font-size: 0.8875rem;
	margin-bottom: 0.6em;
}
.home .entry-header {
    margin-bottom: 20px !important;
}
.home #panel1 .panel-image {
    background-position: 50% 105px;
}
.page.page-one-column .entry-header {
    margin-bottom: 0;
}
.site-header {
    background-color: #00649f;
}
.site-title {
	text-align: center;
}
.page-id-10 #wp-custom-header img {
    /* display: none !important; */
}
.tune-into-paradise-wrap {
	width: 258px;
	height: auto;
	max-height: 200px;
	position: absolute;
	top: 50px;
	left: 40px;
	padding: 15px;
	box-sizing: border-box;
	background-color: rgba(255, 149, 96, 0.35);
}
.tune-into-paradise-wrap p {
    color: white;
    font-size: 36px;
    font-family: "Raleway", sans-serif;
    text-transform: uppercase;
	line-height: 0.9;
}
.home .bottom {
    font-size: 34px;
}
.home .larger {
    font-size: 48px;
    line-height: 1;
}
.home .largest {
	font-size: 59px;
    line-height: 0.9;
}
#menu-social-links-menu .screen-reader-text {
    visibility: hidden;
}
/* Home */
.home #primary {
    width: 100% !important;
}
.home .panel-content .entry-title {
    color: #00649f !important;
}
.home label {
    color: #00649f;
}
.home h2.widget-title {
    color: #00649f;
}
.home #panel1 .panel-image {
    max-height: 700px !important;
}

/*  Navigation */
.menu-toggle {
	color: white;
}
.navigation-top {
	background: #00649f;
	border-bottom: 0;
	border-top: 1px solid #b2b2b2;
}
.navigation-top .current-menu-item > a,
.navigation-top .current_page_item > a {
	color: #fcfcfc;
}
.navigation-top a {
    color: #86c6ec;
}
.main-navigation a:hover {
	color: #fcfcfc;
}
.icon {
    fill: whitesmoke;
}
button, input[type="button"], input[type="submit"] {
    background-color: #00649f;
}
.page-id-10 .custom-header,
.page-id-11 .custom-header {
	height: auto;
	min-height: 120px;
}
/* Contact */
.page-id-10 .site-content-contain {
	background-color: rgba(255, 255, 255, 0);
	/* margin-top: -785px; */
}
.page-id-10 #content .wrap {
    background-color: rgba(255, 255, 255, 0.58);
    padding-top: 20px;
}
.page-id-10 .single-featured-image-header {
    position: relative;
} 
.page-id-10 .menu-scroll-down {
    width: 100%;
    height: 100%;
    padding: 24% 0 22% 6%;
    position: absolute;
    bottom: 0;
    left: 0;
    display: block;
}
.menu-scroll-down .fa-arrow-circle-o-down {
    font-size: 46px;
    color: #d7edfa;
    margin-right: 6px;
    margin-top: -11px;
}
.page-id-10 .screen-reader-text {
    height: 30px;
    width: 122px;
    overflow: hidden;
    position: absolute !important;
    clip: initial;
    color: #fff;
}
.page-id-10 .icon-arrow-right {
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
}
.page-id-10 .entry-title {
    color: #2b74a1 !important;
}
.wpcf7-text,
.wpcf7-textarea {
    background: none rgba(255, 255, 255, 0.5) !important;
    border: 1px solid #a4b6c3;
}

label {
    color: #2b74a1;
    font-weight: 600;
}
@media screen and (max-width: 90em) { /* 1440px */
	/* 
.page-id-10 .site-content-contain {
		margin-top: -608px;
	}	
 */
}

@media screen and (min-width: 64em) { /* 1024px */
	.navigation-top .wrap {
		padding: 0.75em 0;
	}
}
@media screen and (min-width: 48.0625em) { /* 769px */
	.site-title {
		font-size: 99px;
		font-size: 6.2rem;
		line-height: 1;
		letter-spacing: 0.025em;
	}
	body.page-id-10 .site-title,
	body.page-id-11 .site-title {
		padding-bottom: 0;
	}
	.page-id-10 .site-branding .wrap, 
	.page-id-11 .site-branding .wrap {
		height: auto;
		min-height: 120px;
        max-width: 296px;
        float: left;
        padding: 15px;
    }
	.page-id-10 .site-title,
	.page-id-11 .site-title {
		font-size: 45px;
	}
	.panel-content .wrap {
		padding-bottom: 0;
		padding-top: 4em;
	}
	.page-id-10 .site-branding .wrap {
		padding-left: 15px;
		padding-right: 15px;
	}
	.page-id-10 .site-content {
		padding: 8em 0 0;
	}
}
@media screen and (min-width: 30em) { /* 480px */
	.site-branding {
		padding: 0.7em 0 1.4em;
	}
	.has-sidebar .site-branding,
	.page-id-11 .site-branding {
		padding: 0;
	}
}
@media screen and (max-width: 64em) { /* 1024px */
	.page-id-10 .menu-scroll-down {
		padding: 24% 0 22% 3%;
	}
	.home .entry-header::after {
        background-position: 14px 0;
    }
}
@media screen and (max-width: 53.75em) { /* 860px */
	.home .entry-header::after {
        background-position: 0 0;
        background-size: 86%;
    }
}
@media screen and (max-width: 48em) { /* 768px */
	.site-title {
		font-weight: 600 !important;
	}
	.tune-into-paradise-wrap {
		top: 40px;
	}
	#masthead .wrap {
		position: relative;
		text-align: center;
	}
	body.has-header-image .site-title {
        font-size: 54px;
        width: 350px;
        margin: 0 auto;
        line-height: 1;
    }
	.home #panel1 .panel-image {
		background-position: 50% 50%;
	}
	.page-id-10 .menu-scroll-down {
		padding: 25% 3% 21% 2%;
	}	
	.page-id-10 .screen-reader-text {
		width: 106px;
		height: 26px;
		text-align: center;
		padding: 2px 0px;
		display: inline-block;
		background-color: rgba(0, 100, 159, 0.35);
	}
	.menu-scroll-down .fa-arrow-circle-o-down {
		margin-top: -9px;
	}
}
@media screen and (max-width: 47.9375em) { /* 767px */
	.page-id-10 .screen-reader-text {
        font-size: 15px;
        font-size: 0.9375rem;
    }
    .home .site-branding {
		background-color: transparent;
	}
/* 
    .site-description {
        font-size: 13px;
        font-size: 0.8125rem;
    }
 */
	.menu-toggle .icon {
		font-size: 24px;
		font-size: 1.5rem;
	}
    .menu-toggle {
        margin: 0 20px;
        padding: 0.7em 1em 0.5em;
    }
    .home .entry-header::after {
        background-position: center 0;
        background-size: contain;
        height: 163px;
    }
}
@media screen and (max-width: 33.75em) { /* 540px */
	.page-id-10 .menu-scroll-down {
		padding: 6% 3% 40% 2%;
	}
	.tune-into-paradise-wrap {
        left: calc(50% - 130px);
		background-color: rgba(250, 118, 52, 0.4);
    }
	.site-title {
		font-size: 32px;
		font-size: 2rem;
	}
}
@media screen and (max-width: 26.5625em) { /* 425px */ 
    .page-id-10 .menu-scroll-down {
		display: none;
	}
	.wrap {
		padding-left: 1.5em;
		padding-right: 1.5em;
	}
	.home .entry-header::after {
        height: 137px;
    }
    body.has-header-image .site-title {
        font-size: 48px;
        width: 300px;
    }
}
@media screen and (max-width: 20em) { /* 320px */
	.site-title {
		font-size: 28px;
		font-size: 1.75rem;
	}
    .site-branding .wrap {
        padding: 0 0.75em;
    }
    body.has-header-image .site-title {
		width: 294px;
	}
}