/*
CTC Separate Stylesheet
Updated: 2018-04-17 19:08:53
Theme Name: Divi Child
Theme URI: http://www.elegantthemes.com/gallery/divi/
Template: Divi
Author: Elegant Themes
Author URI: http://www.elegantthemes.com
Description: Smart. Flexible. Beautiful. Divi is the most powerful theme in our collection.
Tags: responsive-layout,one-column,two-columns,three-columns,four-columns,left-sidebar,right-sidebar,custom-background,custom-colors,featured-images,full-width-template,post-formats,rtl-language-support,theme-options,threaded-comments,translation-ready
Version: 3.0.106.1523992133
*/

/*----------------Website Color Scheme-------------------

	Light Black - #232323
*/
/*________________________ BUTTONS ________________________*/
h1, h2, h3, h4, h5, h6 {
    overflow-wrap: normal;
}

.white-btn {
    font-family: 'cinzel' sans-serif, hevetica;
    color: #000;
    background: #fff;
    padding: 1% 8%;
    font-size: 18px;
}

.white-btn:hover {
	background: #474747;
	color; #fff;
	transition-timing-function: ease;
	transition: 0.5s;
}

.btn-black {
    color: #222;
}

.btn-black:hover {
	color: #ccc;
}

a.trans-btn {
    color: #fff;
    font-size: 22px;
    width: 50%;
    float: left;
    text-align: center;
    font-family: 'cinzel' sans-serif, hevetica;
}

.btn-trans{
    color: #000;
    padding: 0 5%;
    font-size: 22px;
    font-family: 'cinzel' sans-serif, hevetica;
    border: solid 1px #ccc;
    width: 100%;
    float: left;
    margin: 5% 0 0 0;
    padding: 2%;
    background: #fff;
}

.btn-trans:hover {
	color: #c3c3c3;
	border: solid #fff 1px;
	background: none;
	transition-timing-function: ease;
	transition: 1.0s;
}

.trans-btn .fa.fa-long-arrow-right.fa- {
	margin-left: 2%;
}


#sec-5 .paoc-popup.popupaoc-link {
    color: #000;
    padding: 0 5%;
    font-size: 22px;
    font-family: 'cinzel' sans-serif, hevetica;
    border: solid 1px #ccc;
    width: 100%;
    float: left;
    margin: 5% 0 0 0;
    padding: 2%;
    background: #fff;
}
#sec-5 .paoc-popup.popupaoc-link:hover {
	color: #c3c3c3;
	border: solid #fff 1px;
	background: none;
	transition-timing-function: ease;
	transition: 1.0s;
}

.paoc-popup-modal-cnt {
    background-color: #FFF;
    padding: 50px 50px 50px 50px;
}


/*________________________ TOP BAR SECTION ________________________*/

#main-header {
	display: none;
}



.featured-block.top img {
	padding-bottom: 25px;
}


.featured-block.middle {
	padding: 40px;
}


#app img {
	margin: 20px 3px;
}
#stores img {
	float: left;
}
/*________________________ TABS - HOLES SECTION ________________________*/
#sec-4 .et_pb_tabs_controls li {
	border-right: none;
}
#sec-4 .et_pb_tabs_controls li a {
    display: table-cell;
	padding: 15px 25.958px;
	color: #666;
    line-height: inherit;
    vertical-align: middle;
    text-decoration: none;
}
#sec-4 .et_pb_tab {
    padding: 0;
}
#sec-4 .one_fourth {
    border-bottom: solid 1px #ccc;
    height: 200px;
    margin: 0 0%;
    padding: 3% 2%;
    font-family: cinzel, sans-serif, hevetica;
}
#sec-4 .one_half {
    margin: 0;
    padding: 3%;
    border-bottom: solid 1px #ccc;
    height: 200px;
    width: 56%;
    border-left: solid 1px #ccc;
    border-right: solid 1px #ccc;
}
#sec4 .one_half h5 {
	font-size: 22px;
    font-family: cinzel, sans-serif, hevetica;
}
.hole-number {
    text-align: center;
    font-size: 22px;
}
.hole-number p {
    font-family: cinzel, sans-serif, hevetica;
}
.big-num {
    font-size: 75px;
}
.tee {
    float: left;
    width: 100%;
}
.tee-color {
    float: left;
    width: 15%;
}
.tee-yard {
    float: left;
    width: 85%;
}
.hole-img {
    padding: 3% 0;
}



/*________________________ 3 BOXES FULL WIDTH SECTION ________________________*/

#hp-box {
	height: 400px;
}


/*________________________ CONTACT FORM ________________________*/


#mainform123 input[type="text"], #mainform123 input[type="email"], #mainform123 input[type="url"], #mainform123 input[type="password"] {
    font-weight: 400;
    border-radius: 3px;
    border: 1px solid #222222;
    box-sizing: border-box;
    color: #4c4c4c;
    outline: none;
    width: 100%;
    max-width: 100%;
    min-width: 50px;
}


ul.leaders {
    max-width: 40em;
    padding: 0;
    overflow-x: hidden;
    list-style: none;
    margin: 1% 0;
}
ul.leaders li:before {
    float: left;
    width: 0;
    white-space: nowrap;
    content:
 ". . . . . . . . . . . . . . . . . . . . "
 ". . . . . . . . . . . . . . . . . . . . "
 ". . . . . . . . . . . . . . . . . . . . "
 ". . . . . . . . . . . . . . . . . . . . "
 }
ul.leaders span:first-child {
    padding-right: 0.33em;
    background: white}
ul.leaders span + span {
    float: right;
    padding-left: 0.33em;
    background: white}



/*________________________ FOOTER ________________________*/

#footer-bottom {
    padding: 15px 0 15px;
    background-color: #1f1f1f;
    background-color: rgba(0,0,0,.32);
}
#footer-bottom p
	font-size: 14px;
	font-weight: light;
}
#footer-bottom b {
	font-weight: bold;
	color: #919191;
}

.f-left {
    float: left;
    width: 70%;
}
.f-right {
    float: right;
    width: 30%;
    text-align: right;
}
#footer-bottom a {
	color: #32801e;
}
.fleft{
    float: left;
    width: 75%;
}
.fright {
    float: right;
    width: 25%;
    text-align: right;
}
#footer-bottom .fa {
    font-size: 30px;
    margin: 0 3px;
}
#footer-bottom a {
	color: #696969;
}
#footer-bottom a:hover {
	color: #fff;
}



@media only screen and (max-width: 400px) {
#sec-4 .one_half {
    height: auto;
    width: 100%;
    padding: 5%;
}
#sec-4 .one_fourth {
	padding: 5%;
}
.hole-img {
    padding: 3%;
}