/*
Theme Name: Island Web
Author: MJ
Description: Island Web Custom Theme
Version: 1.0
Template: twentyseventeen

This is the child theme for Twenty Seventeen theme, generated with Generate Child Theme plugin by catchthemes.

(optional values you can add: Theme URI, Author URI, License, License URI, Tags, Text Domain)
*/
.site-content {
	margin-bottom: 120px;
}
body {
	font-family: Montserrat, arial;
}
.custom-header {
	background:#000;
	display:none;
}
.studio-menu {
	background:#000;
}
footer {
	display: block;
    position: fixed;
	bottom: 0;
    width: 100%;
    height: 150px;
    margin: 0;
    padding: 0;
    clear: both;
	background: #00000;
	z-index:-1;
}
p {
	font: 300 16px / 1.2em Montserrat, arial;
	line-height:1.6em;
	letter-spacing: -.02em;
}
.banner-text {
	font: 300 20px / 1.2em Montserrat, arial;
	line-height:1.5em;
	letter-spacing: -.01em;
	margin-top: -40px;
}
footer li {
    float: left
}

footer .copyright {
    font: 400 11px / 1em Montserrat, arial;
    color: #fff;
    width: 100%;
    padding: 5px 0;
    text-align: center;
    text-transform: uppercase;
    letter-spacing: .12em;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 5px;
}

footer .copyright a {
    margin: 0 25px 0 0;
    color: #fff;
	opacity: .85;
}

footer .copyright a:hover {
    color: #fff;
	opacity: 1;
}

footer .copyright a.mf {
	color: #fff;
    position: relative;
    /*top: -8px;*/
    margin: 0;
    padding: 0;
    width: 174px;
    height: 25px;
    float: right;
    display: block;
    opacity: .85;
	float: none;
    width: 100%;
}

footer .copyright a.mf:hover {
    opacity: 1
}


.topfooter {
	font: 500 14px / 1em Montserrat, arial;
	background-color: #eee;
	padding: 8px;
	color: #000;
}
.topfooter td{
	padding: 6px 8px 2px 8px;
}
.topfooter2 {
	font: 500 14px / 1em Montserrat, arial;
	background-color: #000;
	padding: 8px;
	color: #fff;
}
.topfooter2 a {
	color: #fff;
}
.bottomfooter {
	background-color: #000000;
	padding: 4px;
	font: 500 11px / 1em Montserrat, arial;
    color: #ffffff;
    text-transform: uppercase;
    letter-spacing: .12em;
	text-shadow: 2px 2px 5px black;
}
footer {
    margin-top: 60px;
    color: #888;
    border-top: 2px solid #015496;
    font-size: 14px;
}
.iwslide img {
  width: 100%;
}
	/*.navbar {
		transition: 0.8s all;
		}*/
.going-down {
	text-align: center;
}
a.going-down span {
    font-size: 70px;
    color: #fff;
    opacity: .4;
    position: absolute;
    bottom: 0px;
}
a:hover.going-down span {
	opacity: 1;
	-webkit-transition: all .6s ease;
    transition: all .6s ease
}
.go-container{
	text-align: center;
	align-content: center;
	border: 3px solid rgba(255,255,255,0.3);
	width: 60px;
	height: 60px;
	border-radius: 50%;
	background-color: rgba(1,84,150,.4);
	margin:auto;
	z-index: 10000;
	opacity: .6;
}
.going-up {
	text-align: center;
	
}
a.going-up span {
    font-size: 70px;
    color: #fff;
    opacity: .5;
    position: relative;
    bottom: 10px;
	text-align: center;
	margin: auto;
}
a:hover.going-up span {
	opacity: 1;
	-webkit-transition: all .6s ease;
    transition: all .6s ease
}
.scroll4more{
			font: 400 12px / 1em Montserrat, arial;
			position:absolute;
			width: 100%;
			margin: auto;
			opacity: .5;
		}
.scroll4more span{
	font-size: 24px;
}
.inline {
	display: inline-block;
}
.footer-container {
	width:100%;
	display: block;
	position: fixed;
	bottom: 15px;
}
.footer-block{
	display: inline-block;
	width: 40%;
}
	.spacer-ftr{
	display: inline-block;
	width:1%;
		}
.content-r1{
		display: block;
	}
.content-r2{
		display: none;
	}
.content-t1{
		display: block;
	}
.content-t2{
		display: none;
	}
.iws-overlay {
			background: url('https://www.islandwebstudios.com/images/overlay.png');
			position: absolute;
			top: 0px;
			width: 100%;
			height: 100%;
			opacity: 0.6;
}
.iws-shadow {
			position: absolute;
			top: 0px;
			width: 100%;
			height: 100%;
			-webkit-box-shadow: inset 0px 0px 150px 85px rgba(0,0,0,1);
			-moz-box-shadow: inset 0px 0px 150px 85px rgba(0,0,0,1);
			box-shadow: inset 0px 0px 150px 85px rgba(0,0,0,1);
}

.section-lower {
	display: block;
	text-align: center;	
	color: #fff;
	width: 100%;
	left: 0px;
	right: 0px;
	position: relative;
/*	background: #123D5B;
    background-repeat: no-repeat;*/
	background: #123D5B url("https://www.islandwebstudios.com/images/underwater.jpg") no-repeat fixed;
	webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
/*	background-attachment: fixed; */
    font-size: 25px;
	z-index: 2;
}
.section-lower p{
	font: 600 40px / 1.2em Montserrat, arial;
	letter-spacing: -.05em;
	padding: 15px 35px 5px 35px;
	width:100%;
	max-width: 1200px;
	display: inline-block;
	text-shadow: 2px 2px 4px rgba(0, 0, 0, 1);
}
	.bb-txt{
		display: inline-block;
		position: relative;
		font: 600 40px / 1.2em Montserrat, arial;
		letter-spacing: -.05em;
		padding: 15px 35px 5px 35px;
		width:100%;
		text-align: center;
		padding-bottom: 30px;
	}
	.bb-tb{
		margin: auto;
		padding: 0px 15px;
		background: #000;
		width:85%;
}
.w-space {
	background: url("https://www.islandwebstudios.com/images/wspace.png")repeat-x;
	background-position-y: 40%;

}
.section-bottom p{
	margin:auto;
	padding: 15px 35px 5px 35px;
	font: 200 20px / 1em Montserrat, arial;
	color: #000;
	white-space: normal;
	text-align: justify;
	text-justify: inter-word;
}
.section-bottom h1{
	font: 400 22px / 1em Montserrat, arial;
	letter-spacing: -.05em;
	margin: 0px 8px 0px 8px;
	padding-top: 20px;
	text-transform: uppercase;
}
.section-bottom h2{
	font: 400 20px / 1em Montserrat, arial;
	letter-spacing: -.05em;
	padding: 0px 8px 0px 8px;
	text-transform: uppercase;
}
.top-shadow-b{
		/*background: rgb(17,17,17);
background: -moz-linear-gradient(90deg, rgba(17,17,17,1) 0%, rgba(51,51,51,1) 50%, rgba(17,17,17,1) 100%);
background: -webkit-linear-gradient(90deg, rgba(17,17,17,1) 0%, rgba(51,51,51,1) 50%, rgba(17,17,17,1) 100%);
background: linear-gradient(90deg, rgba(17,17,17,1) 0%, rgba(51,51,51,1) 50%, rgba(17,17,17,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#111111",endColorstr="#111111",GradientType=1);
		background: url("https://www.islandwebstudios.com/images/carbon-h.png")repeat fixed;*/
		background: #000;
		webkit-box-shadow: 0 -14px 7px 0px rgba(0,0,0,0.2);
    	-moz-box-shadow: 0 -14px 7px 0px rgba(0,0,0,0.2);
    	box-shadow:  0 -14px 7px 0px rgba(0,0,0,0.2);
		padding-top: 30px;
		padding-bottom: 30px;
		position: relative;
    	z-index: 2;
	}
	.section-bottom-container-b {
		padding-left: 20px;
		padding-right: 20px;
		padding-bottom: 20px;/*
		background: rgb(17,17,17);
background: -moz-linear-gradient(90deg, rgba(17,17,17,1) 0%, rgba(51,51,51,1) 50%, rgba(17,17,17,1) 100%);
background: -webkit-linear-gradient(90deg, rgba(17,17,17,1) 0%, rgba(51,51,51,1) 50%, rgba(17,17,17,1) 100%);
background: linear-gradient(90deg, rgba(17,17,17,1) 0%, rgba(51,51,51,1) 50%, rgba(17,17,17,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#111111",endColorstr="#111111",GradientType=1);
		background-repeat: no-repeat;
		background: url("https://www.islandwebstudios.com/images/carbon-h.png")repeat fixed;*/
		background: #000;
		color: #fff;
		webkit-box-shadow: 0 10px 10px 0px rgba(0,0,0,0.8);
    -moz-box-shadow: 0 10px 10px 0px rgba(0,0,0,0.8);
    box-shadow:  0 10px 10px 0px rgba(0,0,0,0.8);
	z-index: 2;
	}
	.section-bottom-b {
		padding-left: 20px;
		padding-right: 20px;
		padding-bottom: 20px;
		background: #555 url('https://www.islandwebstudios.com/images/overlay.png')repeat;
		color: #fff;
		border: 1px solid #222;
		
	}
	.section-bottom-b p{
	margin:auto;
	padding: 15px 35px 5px 35px;
	font: 200 20px / 1em Montserrat, arial;
	color: #fff;
	white-space: normal;
	text-align: justify;
	text-justify: inter-word;
	text-shadow: 1px 1px 3px black, 0 0 2px black, 0 0 3px black, 1px 1px 3px black, 0 0 2px black, 0 0 3px black;
}
	.section-bottom-b h1{
	font: 400 22px / 1em Montserrat, arial;
	letter-spacing: -.01em;
	color:#fff;
	margin: 0px 8px 0px 8px;
	padding-top: 20px;
	text-transform: uppercase;
	text-shadow: 1px 1px 3px black, 0 0 2px black, 0 0 3px black, 1px 1px 3px black, 0 0 2px black, 0 0 3px black;
}
.section-bottom-b h2{
	font: 400 20px / 1em Montserrat, arial;
	letter-spacing: -.01em;
	color:#fff;
	padding: 0px 8px 0px 8px;
	text-transform: uppercase;
	text-shadow: 1px 1px 3px black, 0 0 2px black, 0 0 3px black, 1px 1px 3px black, 0 0 2px black, 0 0 3px black;
}
	.bbottom{
		margin-top:30px;
		/*background: #1e1e1e;*/
	}
footer{
	background: #555 url('https://www.islandwebstudios.com/images/overlay.png')repeat;
}
footer .copyright {
    padding: 0px;
}
.past-header2 {
	position: fixed;
	bottom:60px;
	left: 0px;
	right:0px;
}
@media only screen and (min-width: 1375px) {
}
@media only screen and (max-width: 1374px) {
}
@media only screen and (max-width: 1157px) {
	.section-lower p{
	font: 600 34px / 1.2em Montserrat, arial;
	letter-spacing: -.05em;
	max-width: 1020px;
	}
}
@media only screen and (max-width: 1024px) {
	.section-lower p{
	font: 600 25px / 1.2em Montserrat, arial;
	letter-spacing: -.05em;
	width: 90%;
	text-align: left;
	}
	.section-lower {
		background-attachment: scroll;
	}
	.content-r1{
		display: none;
	}
	.content-r2{
		display: block;
	}
	.bb-txt{
		display: inline-block;
		position: relative;
		font: 100 30px / 1.2em Montserrat, arial;
		letter-spacing: -.08em;
		text-align: center;
		max-width: 870px;
}
	.section-bottom p{
		padding: 15px 8px 5px 8px;
		font: 200 18px / 1.0em Montserrat, arial;
		letter-spacing: -.03em;
		text-align: left;
		line-height: 1.4;
	}
	.section-bottom-b p{
		padding: 15px 8px 5px 8px;
		font: 200 18px / 1.0em Montserrat, arial;
		letter-spacing: -.03em;
		text-align: left;
		line-height: 1.4;
	}
	.past-header2 {
	bottom:60px;
}
	.spacer-ftr{
	display: inline-block;
	width:20%;
		}
}
@media only screen and (max-width: 900px) {
		.bb-txt{
		text-align: center;
		max-width: 740px;
	}
@media only screen and (max-width: 768px) {
	.content-t1{
		display: none;
	}
	.content-t2{
		display: block;
	}
	.bb-txt{
		display: block;
		position: relative;
		font: 100 28px / 1.2em Montserrat, arial;
		letter-spacing: -.05em;
		padding: 15px 35px 5px 35px;
		width:100%;
		padding-bottom: 30px;
		margin: auto;
	}
	.bb-tb{
		padding: 0px 15px;
		background: #000;
		width:100%;
}
	.section-lower p{
	font: 600 23px / 1.2em Montserrat, arial;
	letter-spacing: -.02em;
	text-align: left;
	padding: 15px 35px 5px 35px;
	width:100%;
	text-shadow: 3px 3px 8px rgba(0, 0, 0, .8);
}
	.iws-shadow {
			-webkit-box-shadow: inset 0px 0px 100px 55px rgba(0,0,0,1);
			-moz-box-shadow: inset 0px 0px 100px 55px rgba(0,0,0,1);
			box-shadow: inset 0px 0px 100px 55px rgba(0,0,0,1);
}
	footer .copyright a.mf{
		margin-top: 0px;
		top:8px;
	}
	.section-bottom-container-b {
		padding-left: 0px;
		padding-right: 0px;
		padding-bottom: 20px;
		background: #000;
		color: #fff;
	}
	.section-bottom-b {
		padding-left: 10px;
		padding-right: 10px;
		border-left: none;
		border-right: none;
	}
	.p1{
		display:none
	}
}
@media only screen and (max-width: 550px) {
		.section-bottom-b {
		padding-left: 0px;
		padding-right: 0px;
	}
	.bb-txt{
		display: block;
		position: relative;
		font: 600 28px / 1.2em Montserrat, arial;
		letter-spacing: -.05em;
		padding: 15px 35px 5px 35px;
		width:95%;
		padding-bottom: 30px;
	}
		.bb-tb{
		padding: 0px 15px;
		background: #000;
		width:100%;
}
	.section-lower p{
	font: 600 22px / 1.2em Montserrat, arial;
	letter-spacing: -.05em;
	text-align: left;
	padding: 15px 35px 5px 35px;
	width:100%;
	max-width: 1200px;
	text-shadow: 3px 3px 8px rgba(0, 0, 0, .8);
}
	.iws-shadow {
			-webkit-box-shadow: inset 0px 0px 65px 30px rgba(0,0,0,1);
			-moz-box-shadow: inset 0px 0px 65px 30px rgba(0,0,0,1);
			box-shadow: inset 0px 0px 65px 30px rgba(0,0,0,1);
}	
	.p1{
		display: inline;
	}
}
	@media only screen and (max-width: 800px) {
		.sv-wrapper{
			display:none;
		}}
@media only screen and (max-width: 450px) {

}
	.bb-txt{
		display: block;
		position: relative;
		font: 600 28px / 1.2em Montserrat, arial;
		letter-spacing: -.05em;
		padding: 5px 0px;
		width:100%;
		padding-bottom: 30px;
		margin: auto;
	}
		.bb-tb{
		padding: 0px 15px;
		background: #000;
		width:100%;
}
.block {
	display: block;
}
.intro-spacer {
	position: relative;
	display: block;
	padding:0!important;
    margin: 0!important;
	opacity:0 ;
	z-index: 0;
}
.past-header2 {
	bottom:65px;
}
}
.navigation-top .homeicon {
	display: none;
}
.site-branding {
	text-align: center;
}
	.studio-menu {
	display: none;
}
.mobile-menu-only {
	visibility: visible;
}
@media screen and (min-width: 48em){
.navigation-top .homeicon {
	display: inline-block;
	background-image: url('https://www.islandwebstudios.com/images/island-web-tips-01.svg');
	background-repeat: no-repeat;
    width: 192px;
	height:60px;
    vertical-align: middle;
	margin-right: 30px;
}
	/*.custom-logo-link{
		opacity: 0;
	}*/
	.studio-menu {
	display: block;
}
	.custom-header {
		display:inherit;
	}
	.mobile-menu-only {
	visibility: hidden;
}
	}
.custom-logo-link{
		padding-right: 0;
	}
.site-navigation-fixed.navigation-top .homeicon {
	width: 160px;
	background-position-y: 5px;
	-webkit-transition: width .5s; /* For Safari 3.1 to 6.0 */
    transition: width .5s;
}
.navigation-top {
    background: #fff;
    border-bottom: 1px solid #eee;
    border-top: 1px solid #eee;
	z-index: 10;
}
.navigation-top .wrap{
	max-width: 1200px;
}
.site-navigation-fixed.navigation-top{
	opacity: 1;
	/*animation-name: fadeInOpacity;
	animation-iteration-count: 1;
	animation-timing-function: ease-in;
	animation-duration: 0.5s;*/
	-webkit-box-shadow: 0 10px 10px 0px rgba(0,0,0,0.8);
    -moz-box-shadow: 0 10px 10px 0px rgba(0,0,0,0.8);
    box-shadow:  0 10px 10px 0px rgba(0,0,0,0.8); 
	}
@keyframes fadeInOpacity {
	0% {
		opacity: 0;
	}
	100% {
		opacity: 1;
	}
}
 .menu {
        text-align:center
    }
  /*  .menu li {
        display:inline-block;
        float:none;
        margin-left: -5px;
    }
    .menu li li {
        display:block;
        text-align:left
    } */
.wp-block-list{
	margin-left:20px;
}
.main-navigation ul {
	text-align: center;
}
.studio-menu {
	position: absolute;
	top: 0px;
	color:#fff;
	z-index:999;
	width: 100%;
}
.studio-menu ul {
    text-align: center;
    float: none;
    margin: 0;
    padding: 0;
}
.studio-menu ul li {
    display: inline-block;
	float: none;
}
 .studio-menu ul li a {
    font: 400 12px / 1em Montserrat, arial;
    margin: 0px 20px 0px;
	color: #fff;
    text-transform: uppercase;
    letter-spacing: .12em;
    padding: 10px 0 10px 0px;
    float: left;
    border-bottom: 2px solid transparent;
    text-shadow: 3px 3px 8px rgba(0, 0, 0, .8);
	webkit-transition: all .4s ease;
    transition: all .4s ease;
}
.studio-menu ul li a:hover {
    color: #ffffff;
    border-bottom: 2px solid #ffffff;
}
 .studio-menu ul li.phone a {
    font: 400 16px / 1em Montserrat, arial;
    color: #fff;
    margin-right: 0;
    cursor: default !important;
    border-color: transparent;
}
.iws-overlay {
			background: url('https://www.islandwebstudios.com/images/overlay.png');
			position: absolute;
			top: 0px;
			width: 100%;
			height: 100%;
			opacity: 0.6;
}
.iws-shadow {
			position: absolute;
			top: 0px;
			width: 100%;
			height: 100%;
			-webkit-box-shadow: inset 0px 0px 100px 55px rgba(0,0,0,1);
			-moz-box-shadow: inset 0px 0px 100px 55px rgba(0,0,0,1);
			box-shadow: inset 0px 0px 100px 55px rgba(0,0,0,1);
}
	.has-header-image.twentyseventeen-front-page .custom-header, .has-header-video.twentyseventeen-front-page .custom-header, .has-header-image.home.blog .custom-header, .has-header-video.home.blog .custom-header {
    height: 25vh;
	min-height: 200px;
}
.menu-toggle {
	margin: auto 0 auto auto;
	font-size:1.2rem;
	padding:10px;
}
/*Computer screen */
@media screen and (min-width: 48em) {
	.twentyseventeen-front-page.has-header-image .custom-header-image {
	/*height: 1200px;*/
	/*height: 100vh;*/
	height: 50vh;
	/*max-height: 100%;*/
	/*overflow: hidden;*/
	}
	.has-header-image.twentyseventeen-front-page .custom-header, .has-header-video.twentyseventeen-front-page .custom-header, .has-header-image.home.blog .custom-header, .has-header-video.home.blog .custom-header {
    display: block;
    height: 50vh;
	position: relative;
	object-fit: contain;
}
}
/* Mobile screen*/
.has-header-image.twentyseventeen-front-page .custom-header {
	/*display: table;*/
	/*height: 300px;*/
	/*height: 75vh;*/
	height: 50vh;
	/*width: 100%;*/
}
/* Computer screen with logged in user and admin bar showing on front end*/
@media screen and (min-width: 48em) {
	.admin-bar.twentyseventeen-front-page.has-header-image .custom-header-image {
	/*height: calc(100vh - 32px);*/
	height: calc(50vh - 32px);
	}
}
.has-header-image .custom-header-media img, .has-header-video .custom-header-media video, .has-header-video .custom-header-media iframe, .has-header-image:not(.twentyseventeen-front-page):not(.home) .custom-header-media img {
	position:absolute
}
 #login h1 a, .login h1 a {
    background-image: url(path/to/login/logo.png);
    padding-bottom: 30px;
}
.site-content {
	padding: 2.5em 0 0;
}
.blog-banner-text{
	font-size:1.1rem;
}