/*
Theme Name: Shoreline Realty Myrtle Beach by Three Ring Focus
Theme URL: https://ThreeRingFocus.com
Description: Responsive Website by Three Ring Focus
Author: Josh Castro
Author URI: ThreeRingFocus.com
Version: 9.9.9
Tags: Responsive, teal, grey, white.
*/

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

* {
    box-sizing: border-box; /* border thickness & padding included inside box */
    margin: 0;
    padding: 0;
}
body {
    background-color: #fff;
    color: #333333;
    font-family: merriweather, serif;
	font-weight: 400;
	font-style: normal;
    font-size: 16px;
	letter-spacing: .08em;
    text-align: left;
}
.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;
}
.bgImage {
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
}

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

h1, h2, h3, h4, h5, h6 {
    font-style: normal;
	font-family: mrs-eaves-xl-serif, serif;
    font-weight: 400;
    text-transform: uppercase;
	line-height: 1.1em;
	letter-spacing: .1em;
    margin: 20px 0;
}
h1 {
    font-size: 3em;
    margin: 0;
}
h2 {
    font-size: 2.5em;
}
h3 {
    font-size: 2em;
}
h4 {
    font-size: 1.6em;
}
h5 {
    font-size: 1.3em;
}
h6 {
    font-size: 1.0em;
}
p {
    font-size: .9em;
    line-height: 2em;
    margin: 20px 0;
}
a {
    text-decoration: none;
    cursor: pointer;
    color: #6a968b;
    transition: all .4s ease-in-out;
}
a:hover {
    text-decoration: none;
    color: #8BB0A8;
}
ul {
    list-style: inside;
    list-style-type: disc;
    padding: 0px 30px;
}
ol {
    list-style: inside;
    list-style-type: decimal;
    padding: 0px 30px;
}
li {
    font-size: .9em;
    line-height: 2em;
}
.alignRight {
	text-align: right;
}

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

.headBar {
    width: 100%;
	padding: 30px 80px 80px 30px;
	background-color: rgba(0,0,0,.3);
	background: linear-gradient(0deg, rgba(0,0,0,0) 10%, rgba(0,0,0,0.9) 100%);
	position: absolute;
	top: 0;
	z-index: 99;
	transform: translateZ(0);
	display: flex;
	justify-content: space-between;
}
.headBar p {
	margin: 0;
	font-size: 1.15em;
	line-height: 1em;
	text-transform: uppercase;
	color: #fff;
	font-family: mr-eaves-xl-modern, sans-serif;
}
.headBar p a {
	color: #fff;
}
.headBar p a:hover {
	color: #8BB0A8;
}
.logo, .logo a {
    width: 252px;
    height: 62px;
    display: block;
}
.logo {
    text-indent: -9999px;
	position: absolute;
	top: 20px;
	left: 0;
	right: 0;
	margin: auto;
}
.logo a {
    background: url(images/global/logo.png);
    background-position: center;
    background-size: cover;
}
.logo a:hover {
	opacity: .8;
}


/* 	
-•== Hero Video ==•- 
*/

.heroVideo {
    width: 100%;
    height: 100vh;
	min-height: 500px;
    overflow: hidden;
	position: relative;
}
.heroVideo video{
    object-fit: cover;
    width: 100vw;
    height: 100vh;
    position: absolute;
	z-index: 1;
    top: 0;
    left: 0;
	background-color: #000;
}
.overlay {
	background-color: rgba(0,0,0,.3);
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 5;
}
.heroText {
	text-align: center;
	position: absolute;
	z-index: 10;
	left: 20px;
	right: 20px;
	bottom: 100px;
	color: #fff;
}
.heroText h1 {
	font-size: 5em;
    text-shadow: 0 0 6px rgb(0,0,0,.5);
}
.button {
	color: #fea145;
    background-color: #fff;
    padding: 10px 15px;
    border-radius: 5px;
    margin-top: 30px;
    display: inline-block;
    text-transform: uppercase;
    font-weight: bold;
}
.button:hover {
	color: #fff;
	background-color: #fea145;
}

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

.gridTop {
	width: 100%;
	display: flex;
}
.gtHalf {
	width: 50%;
	display: flex;
}
.gthText {
	width: 50%;
	padding: 80px 40px;
}
.gthImage {
	width: 50%;
}
.gridBot {
	width: 100%;
	display: flex;
}
.gi01 {
	background-image: url("images/home/pic1.jpg");
}
.gi02 {
	background-image: url("images/home/pic2.jpg");
}
.gi03 {
	background-image: url("images/home/pic3.jpg");
}
.gi04 {
	background-image: url("images/home/pic4.jpg");
}
.gridSplit {
	width: 100%;
	display: flex;
}
.gsText {
	width: 50%;
	padding: 80px 40px;
}
.gsImage {
	width: 50%;
}
.gthText h2,
.gsText h2 {
    font-size: 1.65em;
}
.featuredWrap h2 {
    margin: 0px 0 50px 0;
}

/** IDX SEARCH **/
.search-wrap {
	width: 100%;
	padding: 60px 20px;
	background-color: #fff;
	background-image: url("images/global/bg-texture.jpg");
	background-position: center;
	background-repeat: repeat;
	text-align: center;
}
.search-wrap h2 {
	margin: 0 0 20px 0;
	font-size: 2em;
	text-align: center;
}
.search-box {
	width: 100%;
	max-width: 1280px;
	margin: auto;
}

/** IDX OMNIBAR **/
.search-box .idx-omnibar-form {
	padding: 0;
    display: flex;
    text-align: left;
}
.search-box .idx-omnibar-form > div {
    width: 25%;
}
.search-box .idx-omnibar-form.idx-omnibar-extra-form .idx-omnibar-extra.idx-omnibar-price-container.idx-omnibar-min-price-container,
.search-box .idx-omnibar-extra.idx-omnibar-price-container.idx-omnibar-max-price-container {
    width: calc(15% - 10px);
	margin-left: 10px;
}
.search-box .idx-omnibar-form .idx-omnibar-extra {
    width: calc(15% - 10px);
	margin-left: 10px;
}
.search-box .idx-omnibar-form.idx-omnibar-extra-form button,
.search-box .idx-omnibar-extra-button {
    width: calc(15% - 10px);
	margin-top: 37px;
	margin-left: 10px;
	background-color: #333;
	border: 1px solid #333;
    color: #fff;
    font-size: 1em;
}
.search-box div.awesomplete {
	padding-top: 38px;
}
.search-box .idx-omnibar-form label {
    color: #222;
}
.search-box .idx-omnibar-extra input {
    height: 40px;
}
.search-box .idx-omnibar-extra-form input[type=text].idx-omnibar-input {
    height: 40px;
	width: 33%;
    margin: 37px 0 0 0;
	padding: 0 5px 0 5px;
}
/** TEMP IDX OMNIBAR **/
.idx-omnibar-form.idx-omnibar-extra-form>div:nth-of-type(1) {
    width: 33.33% !important;
}
.search-box .idx-omnibar-extra-form input[type=text].idx-omnibar-input {
    width: 100% !important;
	margin: 0 0 0 0 !important;
}

/* Featured */
.featuredWrap {
	width: 100%;
	padding: 65px 20px 1px 20px;
	background-image: url("images/global/bg-texture.jpg");
	background-position: center;
	background-repeat: repeat;
	text-align: center;
}
.featureWrap h2 {
	margin: 0 0 65px 0;
	padding: 0 20px;
}
/** IDX FEATURED LISTINGS **/
.impress-showcase-property{
	float: left;
    width: 25%;
	padding: 0 30px 30px 30px;
	letter-spacing: .08em !important;
}
.impress-row {
	max-width: none !important;
}
.impress-showcase-property img {
    height: 250px !important;
}
.impress-showcase-property .disclaimer p img {
    height: auto !important;
	float: right;
}
.impress-showcase-property span.impress-price {
	margin-top: 20px;
    color: #222;
    font-weight: 400;
    letter-spacing: .1em;
	font-family: mrs-eaves-xl-serif, serif;
}
.impress-showcase-property p {
    color: #222;
	line-height: 1.4em !important;
	margin: 10px 0;
}
.impress-beds-baths-sqft {
	font-size: 12px !important;
}
.impress-showcase-property .impress-beds-baths-sqft span {
    margin: 0 10px 0 0px !important;
}
.impress-showcase-property, .impress-showcase-property p {
    text-align: center !important;
}

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

.banner {
    width: 100%;
    height: auto;
}
.banner img {
    width: 100%;
    height: auto;
    display: block;
}
#interior {
    margin: 100px 0 90px 0;
}
#interior h1 {
	text-align: center;
}

/* 	
-•== FOOTER ==•- 
*/

.foot {
    width: 100%;
    height: auto;
    padding: 60px 20px;
	text-align: center;
	color: #333;
    font-size: .9em;
	text-transform: uppercase;
	background-color: #8BB0A8;
	background-image: url("images/global/bg-texture.jpg");
	background-position: center;
	background-repeat: repeat;
}
.logoFoot, .logoFoot a {
	width: 252px;
    height: 62px;
	display: block;
}
.logoFoot {
    margin: 0 auto 60px auto;
    text-indent: -9999px;
}
.logoFoot a {
    background: url("images/global/logo-foot.png");
    background-position: center;
    background-size: cover;
}
.social .fa-2x {
    font-size: 1.5em;
}
.social .fa-stack {
	margin: 10px 10px;
	color: #333333;
	opacity: 1;
    transition: all .4s ease-in-out;
}
.social .fa-stack:hover {
	opacity: .8;
}
.social .fa-inverse {
    color: #e8e3d5;
}

.foot-nav {
	margin: 20px auto;
}
.foot ul {
    margin: 0;
	padding: 0;
    text-align: center;
}
.foot li {
	margin: 0 10px;
    list-style: none;
	display: inline-block;
}
.foot li a {
    text-decoration: none;
	color: #333;
	opacity: 1;
    transition: all .4s ease-in-out;
}
.foot li a:hover {
	opacity: .8;
}
.foot p {
    margin: 20px 0 0 0;
	padding: 0px;
	text-transform: uppercase;
}
.foot p a {
	color: #333;
}
.foot p a:hover {
    color: #000;
}

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

#thumby {
	padding: 0;
	display: block;
	margin-top: 20px;
	margin-bottom: 10px;
	min-height: 150px;
	background-position: center;
	-moz-background-size: cover;
	-webkit-background-size: cover;
	background-size: cover;
}
#thumby img {
	margin: 0;
	padding: 0;
	width: 100%;
	height: auto;
	display: block;
}
#texty h2 {
	padding: 0;
	margin: 30px 0px 25px 25px;
	text-align: left;
	font-weight: 300 !important;
	font-size: 2em;
}
#texty p {
	font-size: 13px;
	font-weight: 400;
	line-height: 23px;
	text-align: left;
	letter-spacing: 1px;
	margin: 0px 0px 15px 25px;
}
#texty h2 a, #texty p a{
	color: #333;
}
#texty h2 a:hover, #texty p a:hover{
	color: #8BB0A8;
}
.spacer {
	width: 100%;
	height: 30px;
}
.split {
	padding: 0;
	width: 70%;
	height: 2px;
	margin: 30px auto;
	background-color: #DDD;
}

/* 	
-•== MAILCHIMP ==•- 
*/

.enews {
	max-width: 550px;
	margin: 30px auto 0 auto;
}
.enews input {
    border: 1px solid #8BB0A8;
	border-right: none;
	-webkit-appearance: none;
    font-family: acumin-pro, sans-serif;
}
.enews input:focus {
	border-color: #8BB0A8;
	color: #8BB0A8;
}
.enews .buttonB {
	clear: both;
	background-color: #FFF;
	color: #8BB0A8; 
    border: 1px solid #8BB0A8;
	display: inline-block;
	font-size: 18px;
	font-weight: 600;
	height: 40px;
	line-height: 40px;
	margin: 0;
	padding: 0;
	text-align: center;
	text-decoration: none;
	vertical-align: top;
	white-space: nowrap;
	width: 100px;
	-o-transition: all .4s ease-in-out;
	-ms-transition: all .4s ease-in-out;
	-moz-transition: all .4s ease-in-out;
	-webkit-transition: all .4s ease-in-out;
	transition: all .4s ease-in-out;
}
.enews .buttonB:hover {
	background-color: #8BB0A8;
	color: #FFF;
	cursor: pointer;
}
.enews input.email {
	width: 100%;
	display: block;
	font-size: 14px;
	padding: 9px 0;
	text-indent: 8px;
	min-width: 100px;
	font-style: italic;
	margin: 0px;
	background-color: #FFF;
}

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

.gform_wrapper input, .gform_wrapper select {
    border: 2px solid #8BB0A8;
    background-color: transparent;
}
.gform_wrapper textarea {
    border: 2px solid #8BB0A8;
    background-color: transparent;
}
.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: #8BB0A8;
    color: #fff;
    font-weight: 500;
    text-transform: uppercase;
	-o-transition: all .4s ease-in-out;
	-ms-transition: all .4s ease-in-out;
	-moz-transition: all .4s ease-in-out;
	-webkit-transition: all .4s ease-in-out;
	transition: all .4s ease-in-out;
}
.gform_footer input:hover {
    background-color: #222;
}
.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;
}

/* 	
-•== 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: 25px;
    height: 0;
}
.videoWrapper iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.map-container {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px;
    height: 0;
    overflow: hidden;
}
.map-container iframe, .map-container object, .map-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

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

.container {
    padding: 0;
    width: 100%;
    margin: 0px auto;
}
#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%;}

@media only screen and (max-width: 1400px) {
	.gridTop {flex-direction: column;}
	.gtHalf {width: 100%;}
	.gtReverse {flex-direction: row-reverse;}
}

@media only screen and (max-width: 1310px) {
}

@media only screen and (max-width: 1259px) {
	.impress-showcase-property {width: 50%;}
	.mainImg {display: none;}
	.mainTxt {width: 100%;}
}

@media only screen and (max-width: 1200px) {
	.heroText h1 {font-size: 6.4vw;}
}

@media only screen and (max-width: 1080px) {
	.royalSlider h1 {top: 40%; font-size: 2.8em;}
}

@media only screen and (max-width: 959px) {
	h1 {font-size: 2em;}
	h2 {font-size: 1.8em;}
	h3 {font-size: 1.6em;}
	h4 {font-size: 1.4em;}
	h5 {font-size: 1.2em;}
	h6 {font-size: 1em;}
	
	.gtHalf, .gtReverse, .gridSplit {flex-direction: column-reverse;}
	.gthImage, .gsImage {width: 100%; height: 400px;}
	.gthText, .gsText {width: 100%;}
}

@media only screen and (max-width: 899px) {
	.royalSlider .button {top: 55%;}
}

@media only screen and (max-width: 799px) {
	.royalSlider h1 {top: 30%; font-size: 1.8em;}
	.royalSlider .button {top: 65%;}
	.mainTxt {padding: 50px;}
}

@media only screen and (max-width: 767px) {
	.one,  .two,  .three,  .four,  .five,  .six,  .seven,  .eight,  .third,  .two-thirds,  .quarter,  .three-qtr {
		width: 90%;
	}
	.logo, .logo a {width: 200px; height: 50px;}
	#hideMobile{display: none;}
	.search-box .idx-omnibar-form {flex-wrap: wrap;}
	.search-box .idx-omnibar-extra-form input[type=text].idx-omnibar-input {width: calc(33% - 10px); margin: 37px 0 0 10px;}
	.search-box .idx-omnibar-form.idx-omnibar-extra-form .idx-omnibar-extra.idx-omnibar-price-container.idx-omnibar-min-price-container,
	.search-box .idx-omnibar-extra.idx-omnibar-price-container.idx-omnibar-max-price-container {width: calc(33% - 10px);}
	.search-box .idx-omnibar-form .idx-omnibar-extra {width: calc(33% - 10px); margin-left: 10px;}
	.search-box .idx-omnibar-form.idx-omnibar-extra-form button,
	.search-box .idx-omnibar-extra-button { width: calc(33% - 10px);}
	
	.gthText, .gsText {padding: 80px 20px;}
}

@media only screen and (max-width: 699px) {
	.headBar p {display: none;}
	.impress-showcase-property {width: 100%;}
	.mainTxt {padding: 30px;}
}

@media only screen and (max-width: 599px) {
	.search-box .idx-omnibar-extra-form input[type=text].idx-omnibar-input {width: calc(50% - 10px);}
	.search-box .idx-omnibar-form.idx-omnibar-extra-form .idx-omnibar-extra.idx-omnibar-price-container.idx-omnibar-min-price-container,
	.search-box .idx-omnibar-extra.idx-omnibar-price-container.idx-omnibar-max-price-container {width: calc(50% - 10px);}
	.search-box .idx-omnibar-form .idx-omnibar-extra {width: calc(50% - 10px); margin-left: 10px;}
	.search-box .idx-omnibar-form.idx-omnibar-extra-form button,
	.search-box .idx-omnibar-extra-button { width: calc(50% - 10px);}
	.headBar {padding: 20px 0; position: relative; background: #333;}
	.logo {position: relative; top: unset; left: unset; right: unset;}
}