/*
Theme Name: Seasons Change by Three Ring Focus
Theme URL: http://ThreeRingFocus.com
Description: Responsive Website by Three Ring Focus
Author: Josh Castro
Author URI: ThreeRingFocus.com
Version: 9.9.9
Tags: Responsive, brown, orange, grey, White.
*/


/* 	
-•== DEFAULTS ==•- 
*/

* {
    box-sizing: border-box; /* border thickness & padding included inside box */
    margin: 0;
    padding: 0;
}
body {
    background-color: #ebf7f1;
	background-image: url("images/global/bg-main.jpg");
	background-repeat: repeat;
    color: #354653;
    font-family: roboto, sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: 16px;
    letter-spacing: .08em;
}
.clear {
    clear: both;
}
input[type="checkbox"] {
    -webkit-appearance: checkbox;
}
input[type="radio"] {
    -webkit-appearance: radio;
    margin-top: 0px;
}
input[type="submit"], input[type="button"] {
    -webkit-appearance: button;
}

/* 	
-•== FONTS ==•- 
*/

h1, h2, h3, h4, h5, h6 {
    margin: 0 0 30px 0;
	font-family: acumin-pro-extra-condensed, sans-serif;
    font-weight: 800;
    line-height: 1.2em;
	letter-spacing: .08em;
	text-transform: uppercase;
}
h1 {
    font-size: 3.5em;
    text-align: center;
}
h2 {
    font-size: 3em;
}
h3 {
    font-size: 2.5em;
}
h4 {
    font-size: 2em;
}
h5 {
    font-size: 1.5em;
}
h6 {
    font-size: 1.25em;
}
p {
    font-size: 1em;
    line-height: 1.8em;
    margin: 30px 0;
}
a {
	color: #111;
    text-decoration: none;
    cursor: pointer;
    transition: all .4s ease-in-out;
}
a:hover {
    text-decoration: none;
	color: #444;
}
ul {
    list-style: inside;
    list-style-type: disc;
    padding: 0px 10px;
    margin: 30px 0;
}
ol {
    list-style: inside;
    list-style-type: decimal;
    padding: 0px 10px;
    margin: 30px 0;
}
li {
    font-size: 1em;
    line-height: 1.8em;
}

/* 	
-•== HEADER ==•- 
*/

.logo {
    padding: 0;
    width: 297px;
    height: 121px;
    display: block;
    background-size: 100%;
    text-indent: -9999px;
	position: absolute;
	top: 10px;
	left: 10px;
    z-index: 99;
    transition: all .4s ease-in-out;
}
.logo a {
    padding: 0;
    width: 297px;
    height: 121px;
    display: block;
    background: url(images/global/logo.png);
    background-position: center;
    background-size: cover;
}
.logo:hover {
	opacity: .8;
}

/* 	
-•== HOME PAGE ==•- 
*/

.rotationMain, .rotationMobile {
	position: relative;
}

@media screen and (max-width: 600px) {
  .rotationMain {
      display: none;
  }
}
@media screen and (min-width: 600px) {
  .rotationMobile {
      display: none;
  }
}
/* Hero Slider */
.heroText {
	width: 100%;
	position: absolute;
	bottom: 14%;
	text-align: center;
}
.heroText h1 {
	color: #fff;
	font-size: 5em;
	font-weight: 900;
	margin: 0 0 30px 0;
}
/* Main Section */
.mainTxt {
	width: 50%;
	padding: 200px 120px;
}
.mainTxt h2 {
	margin: 10px 0;
}
.splitSm {
	height: 5px;
	width: 98px;
	background-color: #e79a58;
	border: 1px solid #e79a58;
	border-top-left-radius: 7px;
	border-bottom-right-radius: 7px;
}
.flexBoxA {
	width: 100%;
	display: flex;
}
.flexBoxB {
	width: 50%;
	display: flex;
	flex-direction: column;
}
.flexBoxB a {
	width: 100%;
    height: 100%;
	align-items: center;
    display: flex;
}
.flexBoxB a:hover {
	background-color: rgba(0,0,0,.3);
}
.flexBoxB h2 {
	text-align: center;
	color: #fff;
	font-weight: 400;
    width: 100%;
	margin: 0;
	text-shadow: 0 0 4px rgba(0,0,0,.3);
}
.flexBG1 {
	width: 100%;
	height: 50%;
	background-image: url("images/home/bg-1.jpg");
}
.flexBoxC {
	width: 100%;
	height: 50%;
	display: flex;
}
.flexBG2 {
	width: 50%;
	background-image: url("images/home/bg-2.jpg");
}
.flexBG3 {
	width: 50%;
	background-image: url("images/home/bg-3.jpg");
}
.flexBG1, .flexBG2, .flexBG3 {
	background-position: center;
	background-size: cover;
}
/* Second Section */
.box2 {
	width: 100%;
	padding: 80px 20px;
	background-image: url("images/home/bg-4.jpg");
	background-position: center;
	background-size: cover;
}
.b2Text {
	max-width: 750px;
	margin: 0 auto;
	text-align: center;
	color: #fff;
}
.b2Text h3 {
    margin: 14px 0 16px 0;
    line-height: 1em;
    padding: 0;
}
.splitCent {
	height: 5px;
	width: 98px;
	margin: auto;
	background-color: #FFF;
	border: 1px solid #FFF;
	border-top-left-radius: 7px;
	border-bottom-right-radius: 7px;
}
/* Third Section */
.flexBox2 {
	width: 100%;
	display: flex;
}
.fb2BG {
	width: 50%;
	background-image: url("images/home/bg-5.jpg");
	background-position: center;
	background-size: cover;
}
.fb2Txt {
	width: 50%;
	padding: 200px 120px;
}
.fb2Txt h2, .b2Text h2 {
	margin: 10px 0;
}
/* Fourth Section */
.flexBox3 {
	width: 100%;
	display: flex;
}
.flexBox3 h3 {
	text-align: center;
	color: #fff;
	margin-top: 0;
	font-weight: 400;
}
.pic1 {
	width: 30%;
	background-image: url("images/home/pic-1.jpg");
}
.pic2 {
	width: 40%;
	background-image: url("images/home/pic-2.jpg");
}
.pic3 {
	width: 30%;
	background-image: url("images/home/pic-3.jpg");
}
.pic1, .pic2, .pic3 {
	padding: 200px 10px 100px 10px;
	background-position: center;
	background-size: cover;
}

/* 	
-•== BUTTONS ==•- 
*/

.btnBlue {
	display: inline-block;
	font-weight: 400;
	color: #fff;
	padding: 15px 20px;
	text-transform: uppercase;
	background-color: #354653;
	border: 2px solid #354653;
	border-top-left-radius: 8px;
	border-bottom-right-radius: 8px;
}
.btnBlue:hover {
	color: #354653;
	background-color: #FFF;
}
.btnWhite {
	display: table;
	margin: 0 auto;
	font-weight: 400;
	color: #354653;
	padding: 15px 20px;
	text-transform: uppercase;
	background-color: #FFF;
	border: 2px solid #FFF;
	border-top-left-radius: 8px;
	border-bottom-right-radius: 8px;
}
.btnWhite:hover {
	color: #FFF;
	background-color: #354653;
}

/* 	
-•== PAGES ==•- 
*/

.banner {
    width: 100%;
    height: auto;
}
.banner img {
    width: 100%;
    height: auto;
    display: block;
}
.interior {
	width: 100%;
	padding: 100px 20px;
}
.max1400 {
	max-width: 1400px;
}
.max800 {
	max-width: 800px;
}

/* 	
-•== FOOT ==•- 
*/

.topFoot {
	padding: 100px 10px;
}
.footLogo {
	width: 162px;
	height: 109px;
	margin: 0 auto;
	background-image: url("images/global/logomark.png");
	background-position: center;
	background-size: cover;
}
.footer {
	width: 100%;
	height: auto;
	padding: 100px 20px;
	background-color: #354653;
    font-weight: 300;
    font-style: normal;
	text-align: center;
}
.footer a .fab {
	font-size: 1.2em;
    margin: 0 15px 30px 15px;
	color: #FFF;
    transition: all .4s ease-in-out;
}
.footer a .fab:hover {
	color: #DDD;
}
.footer ul {
	text-align: center;
	margin: 0;
	padding: 0px 0px 30px 0px;
}
.footer li {
	display: inline-block;
    text-transform: uppercase;
    margin: 0 10px;
}
.footer p, .footer a {
    color: #fff;
}
.footer p {
    font-size: .8em;
	margin: 0;
}

/* 	
-•== FEED THEM PLUGIN ==•- 
*/

.foot-wrap {
	margin-bottom: 19.6vw;
	position: relative;
}
.instagram-wrap {
	position: fixed;
	bottom: 0;
	left: 0;
	right: 0;
	z-index: -10;
}
.slicker-instagram-placeholder {
	/* width: 19.8% !important; */
}

/* 	
-•== NEWS/BLOG ==•- 
*/


#thumby {
    padding: 0;
    display: block;
    margin-top: 20px;
    margin-bottom: 10px;
    min-height: 150px;
}
#thumby img {
    margin: 0;
    padding: 0;
    width: 100%;
    height: auto;
    display: block;
}
#texty h2 {
    padding: 0;
    margin: 15px 0px 15px 25px;
    text-align: left;
	font-size: 30px;
	text-transform: none;
}
#texty h2 a, #texty p a{
	color: #354653;
    text-decoration: none;
}
#texty h2 a:hover, #texty p a:hover {
	color: #333;
}
#texty p {
	text-align: left;
    margin: 0px 0px 15px 25px;
}
.divide {
	width: 60%;
	margin: 50px auto;
	border-bottom: 1px solid #354653;
}
.wp-paginate .current {
    background-color: #354653;
    border: 1px solid #354653;
}


/* 	
-•== Gravity Forms ==•- 
*/

.gform_wrapper input, .gform_wrapper select {
    border: 2px solid #354653;
    background-color: transparent;
    color: #354653;
}
.gform_wrapper textarea {
    border: 2px solid #354653;
    background-color: transparent;
    color: #354653;
}
.gform_wrapper input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]) {
    padding: 10px 8px;
}
body .gform_wrapper ul li.gfield {
    margin-top: 0 !important;
}
.gform_wrapper li {
    line-height: 0 !important;
}
.gform_footer {
    padding: 0 0 10px;
}
.gform_footer input {
    padding: 15px 30px;
    background-color: #354653;
	border: 2px solid #354653;
    color: #fff;
    font-weight: 400;
    text-transform: uppercase;
    transition: all .4s ease-in-out;
	cursor: pointer;
}
.gform_footer input:hover {
    background-color: #e79a58;
}
.gform_wrapper .field_sublabel_below .ginput_complex.ginput_container label, .gform_wrapper .field_sublabel_below div[class*=gfield_time_].ginput_container label {
    margin-top: 10px !important;
}
.gform_wrapper .top_label .gfield_label, .gform_wrapper legend.gfield_label {
    margin-top: 15px;
}
.gform_wrapper .description, .gform_wrapper .gfield_description, .gform_wrapper .gsection_description {
    padding: 20px 0px 5px 0;
}

/* 	
-•== HOTEL BOOKING PLUGIN ==•- 
*/
.datepick {
	width: 100% !important;
}
.mphb_sc_search-wrapper abbr, .mphb-booking-form abbr, .mphb_sc_checkout-wrapper abbr {
	color: red;
	text-decoration: none;
}
.mphb_sc_search-wrapper label, .mphb-booking-form label, .mphb_sc_checkout-wrapper label {
	font-size: 1.5em;
}
.mphb_sc_search-wrapper input, .mphb-booking-form input, .mphb_sc_checkout-wrapper input {
	padding: 5px 10px;
    transition: all .4s ease-in-out;
}
.mphb_sc_checkout-wrapper input, .mphb_sc_checkout-wrapper textarea, .mphb_sc_checkout-wrapper select {
	width: 100%;
    max-width: 400px;
}
.mphb_sc_search-wrapper select, .mphb-booking-form select, .mphb_sc_checkout-wrapper select {
    min-width: 100px;
	padding: 5px 10px;
}
.mphb_sc_search-wrapper input[type="submit"], .mphb-booking-form input[type="submit"], .mphb_sc_checkout-wrapper input[type="submit"], .mphb-button, .mphb_sc_checkout-wrapper button {
	display: inline-block;
    font-weight: 400;
    color: #fff;
    padding: 15px 20px;
    text-transform: uppercase;
    background-color: #354653;
    border: 2px solid #354653;
    border-top-left-radius: 8px;
    border-bottom-right-radius: 8px;
}
.mphb-button {
	margin-bottom: 10px;
}
.mphb_sc_search-wrapper input[type="submit"]:hover, .mphb-booking-form input[type="submit"]:hover, .mphb_sc_checkout-wrapper input[type="submit"]:hover, .mphb-button:hover, .mphb_sc_checkout-wrapper button:hover {
    color: #354653;
    background-color: #FFF;
}
.mphb_sc_search_results-wrapper ul {
	list-style: none;
    padding: 0;
    font-size: 1.1em;
}
table.mphb-price-breakdown {
	border-collapse: collapse;
}
.mphb-price-breakdown tr {
	border-bottom: 1px dotted #aaa;
}
.mphb-price-breakdown td {
	padding: 10px 10px 10px 0;
	vertical-align: bottom;
}
.mphb-price-breakdown th {
	text-align: left;
	padding: 40px 10px 10px 0;
	border-bottom: 1px solid #777;
}
ul.mphb-gateways-list {
	padding: 0;
}
.mphb_checkout-services-list input, .mphb-gateways-list input {
	width: auto;
	max-width: none;
}

/* 	
-•== WORDPRESS FIXES ==•- 
*/

img.alignright {
    float: right;
    margin: 0 0 1em 1em;
}
img.alignleft {
    float: left;
    margin: 0 1em 1em 0;
}
img.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto;
}
.alignright {
    float: right;
}
.alignleft {
    float: left;
}
.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

/* 	
-•== RESPONSIVE ELEMENTS ==•- 
*/

.response img {
    width: 100%;
    height: auto;
    display: block;
}
.videoWrapper {
    position: relative;
    padding-bottom: 56.25%; /* 16:9 */
    padding-top: 20px;
    height: 0;
}
.videoWrapper iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.mapWrapper {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px;
    height: 0;
    overflow: hidden;
}
.mapWrapper iframe, .mapWrapper object, .mapWrapper embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

/* 	
-•== RESPONSIVE STYLES ==•- 
*/

.container {
    width: 100%;
    margin: 30px 0;
	padding: 100px 20px;
}
.cent {margin: auto;}
.alpha {float: left;}
.omega {float: right;}
.one {width: 10%;}
.two {width: 20%;}
.three {width: 30%;}
.four {width: 40%;}
.five {width: 50%;}
.six {width: 60%;}
.seven {width: 70%;}
.eight {width: 80%;}
.nine {width: 90%;}
.ten {width: 100%;}
.third {width: 33.333%;}
.two-thirds {width: 66.666%;}
.quarter {width: 25%;}
.three-qtr {width: 75%;}

.alpha {float:left;}
.omega {float:right;}


/* Monitor Medium | iPad Pro Large Landscape */
@media only screen and (max-width: 1366px) {
}

/* iPad Pro Landscape */
@media only screen and (max-width: 1112px) {
	.flexBoxA {flex-direction: column;}
	.mainTxt {width: 100%;}
	.flexBoxB {width: 100%; height: 800px;}
	.flexBox2 {flex-direction: column;}
	.fb2BG {display: none;}
	.fb2Txt {width: 100%;}
}

/* iPad & iPad Mini Landscape | iPad Pro Portrait */
@media only screen and (max-width: 1024px) {
	
	.heroText h1 {font-size: 6vw;}
}

/* Monitor Small */
@media only screen and (max-width: 800px) {
	h1 {font-size: 2em;}
	h2 {font-size: 1.75em;}
	h3 {font-size: 1.5em;}
	h4 {font-size: 1.25em;}
	h5 {font-size: 1em;}
	h6 {font-size: 813em;}
	
}

/* iPhone 8 Plus Landscape | iPad Portrait */
@media only screen and (max-width: 768px) {
	.logo, .logo a {width: 231px; height: 94px;}
	.heroText h1 {font-size: 9vw;}
}

/* iPhone 8 Landscape */
@media only screen and (max-width: 667px) {	
	.mainTxt, .fb2Txt {padding: 100px 40px;}
	.flexBoxC {flex-direction: column;}
	.flexBG2, .flexBG3 {width: 100%;}
	.flexBoxB {height: auto;}
	.flexBoxB a {padding: 100px 0;}
	.flexBox3 {flex-direction: column;}
	.pic1, .pic2, .pic3 {width: 100%; padding: 100px 10px;}
}

/* Mobile Portrait */
@media only screen and (max-width: 600px) {
}

/* iPhone SE Landscape */
@media only screen and (max-width: 568px) {
}