@font-face {
font-family:"PlayfairDisplay-Bold";
src:url('../themes/ketikidis-clear/assets/fonts/PlayfairDisplay-Bold.eot');
src:
url('../themes/ketikidis-clear/assets/fonts/PlayfairDisplay-Bold.eot?#iefix') format('embedded-opentype'),
url('../themes/ketikidis-clear/assets/fonts/PlayfairDisplay-Bold.woff2') format('woff2'),
url('../themes/ketikidis-clear/assets/fonts/PlayfairDisplay-Bold.woff') format('woff'),
url('../themes/ketikidis-clear/assets/fonts/PlayfairDisplay-Bold.ttf') format('truetype'),
url('../themes/ketikidis-clear/assets/fonts/PlayfairDisplay-Bold.svg#PlayfairDisplay-Bold') format('svg');
font-weight:normal;
font-style:normal;
}

@font-face {
font-family:"PlayfairDisplay-ExtraBold";
src:url('../themes/ketikidis-clear/assets/fonts/PlayfairDisplay-ExtraBold.eot');
src:
url('../themes/ketikidis-clear/assets/fonts/PlayfairDisplay-ExtraBold.eot?#iefix') format('embedded-opentype'),
url('../themes/ketikidis-clear/assets/fonts/PlayfairDisplay-ExtraBold.woff2') format('woff2'),
url('../themes/ketikidis-clear/assets/fonts/PlayfairDisplay-ExtraBold.woff') format('woff'),
url('../themes/ketikidis-clear/assets/fonts/PlayfairDisplay-ExtraBold.ttf') format('truetype'),
url('../themes/ketikidis-clear/assets/fonts/PlayfairDisplay-ExtraBold.svg#PlayfairDisplay-ExtraBold') format('svg');
font-weight:normal;
font-style:normal;
}

@font-face {
font-family:"FranklinGothic-BookCond";
src:url('../themes/ketikidis-clear/assets/fonts/FranklinGothic-BookCond.eot');
src:
url('../themes/ketikidis-clear/assets/fonts/FranklinGothic-BookCond.eot?#iefix') format('embedded-opentype'),
url('../themes/ketikidis-clear/assets/fonts/FranklinGothic-BookCond.woff2') format('woff2'),
url('../themes/ketikidis-clear/assets/fonts/FranklinGothic-BookCond.woff') format('woff'),
url('../themes/ketikidis-clear/assets/fonts/FranklinGothic-BookCond.ttf') format('truetype'),
url('../themes/ketikidis-clear/assets/fonts/FranklinGothic-BookCond.svg#FranklinGothic-BookCond') format('svg');
font-weight:normal;
font-style:normal;
}

@font-face {
font-family:"FranklinGothic-DemiCond";
src:url('../themes/ketikidis-clear/assets/fonts/FranklinGothic-DemiCond.eot');
src:
url('../themes/ketikidis-clear/assets/fonts/FranklinGothic-DemiCond.eot?#iefix') format('embedded-opentype'),
url('../themes/ketikidis-clear/assets/fonts/FranklinGothic-DemiCond.woff2') format('woff2'),
url('../themes/ketikidis-clear/assets/fonts/FranklinGothic-DemiCond.woff') format('woff'),
url('../themes/ketikidis-clear/assets/fonts/FranklinGothic-DemiCond.ttf') format('truetype'),
url('../themes/ketikidis-clear/assets/fonts/FranklinGothic-DemiCond.svg#FranklinGothic-DemiCond') format('svg');
font-weight:normal;
font-style:normal;
}

@font-face {
font-family:"Lato-Regular";
src:url('../themes/ketikidis-clear/assets/fonts/Lato-Regular.eot');
src:
url('../themes/ketikidis-clear/assets/fonts/Lato-Regular.eot?#iefix') format('embedded-opentype'),
url('../themes/ketikidis-clear/assets/fonts/Lato-Regular.woff2') format('woff2'),
url('../themes/ketikidis-clear/assets/fonts/Lato-Regular.woff') format('woff'),
url('../themes/ketikidis-clear/assets/fonts/Lato-Regular.ttf') format('truetype'),
url('../themes/ketikidis-clear/assets/fonts/Lato-Regular.svg#Lato-Regular') format('svg');
font-weight:normal;
font-style:normal;
}

@font-face {
font-family:"Lato-Bold";
src:url('../themes/ketikidis-clear/assets/fonts/Lato-Bold.eot');
src:
url('../themes/ketikidis-clear/assets/fonts/Lato-Bold.eot?#iefix') format('embedded-opentype'),
url('../themes/ketikidis-clear/assets/fonts/Lato-Bold.woff2') format('woff2'),
url('../themes/ketikidis-clear/assets/fonts/Lato-Bold.woff') format('woff'),
url('../themes/ketikidis-clear/assets/fonts/Lato-Bold.ttf') format('truetype'),
url('../themes/ketikidis-clear/assets/fonts/Lato-Bold.svg#Lato-Bold') format('svg');
font-weight:normal;
font-style:normal;
}   
 
h1 {font-family:"PlayfairDisplay-ExtraBold";font-size:3rem}
h2 {font-family:"PlayfairDisplay-Bold"}
body {font-family:"FranklinGothic-BookCond";font-size:1.1rem}
#copyright {bottom: 0!important}
.schedule-month {font-family:"FranklinGothic-DemiCond";font-size:1.1rem}
.navbar-expand-md .navbar-nav .nav-link {font-size:1.3rem}
.btn.btn-default {background:#162b50}
.btn.btn-default:hover {background:#7187A6}
#main-menu ul > li > a {font-size:1.1rem}
tr.border_bottom td {border-bottom: 1px solid #f1f1f1}

/*Header Items*/
#header-wrap.transparent .mainmenu-area.sticky.is-sticky {background-color:#f3ebde}
#header-wrap.transparent .top-section {background-color:#354e21}
#header-wrap.transparent .mainmenu-area.sticky.is-sticky {max-height:50px}
#header-wrap.transparent .mainmenu-area.sticky.is-sticky img {max-height:85px;margin-top:33px}

.grass {background-size: 100%!important}

#customfields input.form-control {padding: 7px!important}
#customfields label {color: #fff;margin: 0;border: 1px solid #f1f1f1;width: 100%;margin-bottom: -16px!important;border-radius:5px 5px 0 0}
.page-user .page-section {background-color:#354E21!important}
.page-Documents .page-section a {font-size:1.3rem;color: #fff}
.page-Documents .page-section a:hover {color: #002c5d}
.page-Documents .page-section {overflow: hidden}

.mainmenu-area {background-color:#f3ebde}
#header-wrap .mainmenu-area.sticky.is-sticky {background-color:#f3ebde!important}
#header-wrap .top-section {background-color:#354e21}
#header-wrap .mainmenu-area.sticky.is-sticky {max-height:50px}
#header-wrap .mainmenu-area.sticky.is-sticky img {max-height:85px;margin-top:33px}
#header-wrap.transparent .mainmenu-area .navbar-nav > li > .nav-link {color:#002c5d}

p, .section-header .section-subtitle {font-size:1.1rem}

.owl-carousel.owl-drag .owl-item, .owlcarousel-area {max-height:calc(200px + 30vw)}
#owlcarousel-area .owlcarousel-caption{margin-top:80px}
#owlcarousel-area .owl-item.active .owlcarousel-title {animation: none!important}
/*.owl-item {min-width: 100vw}*/

#user-directory ul li {list-style-type:none!important;line-height:1em;display:block}
.user-directory {min-width:300px;margin-bottom:2%;display:block}
.user-directory-listing {margin-bottom:2%;display:inline-block}

.layout-contact-us-layout #user-directory {display:flex;flex-direction:column;align-items:center;column-count:1;margin:auto}

/* Events Section*/
#EventsContainer {display:flex;flex-flow:row wrap;justify-content:center;padding-top:80px;width:100%;align-content:space-evenly;background:#7fa7c2}
#EventTile {flex:0 1 auto;width:32vw;max-width:490px;min-width:320px;border-radius:10px;background:#fff;box-shadow:-10px 10px 10px #2222;margin:34px;padding:0}
#EventImage {display:flex;flex-direction:row;align-items:center;	max-height:200px;width:100%;height:200px;overflow:hidden;min-height:200px;border-radius:10px 10px 0 0}
.event-desc, location-name {padding:0 15px;margin-bottom:30px}
.event-desc p {padding-top:0!important}
#EventTile .EventDate {font-family:"Lato-Regular";color:#fff;margin-top:-65px;text-align:right;font-size:2.5rem;padding-right:10px;text-shadow:2px 2px 2px #002c5d}
#EventTile .EventName {font-family:"Lato-Bold";color:#000;margin-top:15px;font-size:1.4rem;padding-left:15px}
.eventlocation {font-family:"Lato-Bold";font-size:1.1rem}
.eventurl {line-height:30p;margin-top:30px}
.eventurl a {color:#162b50}
.cclink {float:right;font-family:"Lato-Bold";font-size:1.3rem;margin-top:-14px}
#events.container {width:unset!important;padding:unset!important;margin:unset!important}
#events {background:#7fa7c2}
.control-popup {display:absolute;margin:auto;vertical-align:middle}
#EventsContainer .row, #demo .row {justify-content:center}
#demo .col-md-6:nth-of-type(2){display:none}
#demo .col-md-6 {min-width:320px;max-width:320px}

.btn-primary {background:#162b50!important;border-radius:10px!important;border:none;padding:10px;float:right;margin-bottom:15px;margin-top:-30px}
span.g-or-m {font-family:"FranklinGothic-BookCond";color:#000}

.layout-events-layout .page-section {background:#7fa7c2}

.modal-body .col-md-6 {max-width:80%!important}


/*Tabs Section*/
.officer {float:left}
.officer-right {float:right}
.officer-underline {line-height:1.5em;border-bottom:1px solid #f1f1f1}
#default-tab, .tab-content {max-width:960px;margin:auto}
.tabs-section .col-md-6 {max-width:unset;max-width:100%!important;flex:0 0 100%!important;margin:auto}

.tabs-intro-image {display:none!important}
#officers, #tab-officers {width:100%;max-width:100%;margin:auto;flex:0 0 100%;height:auto}
.tabs-section #default-tab ul.nav-tabs li a {font-size:1.2em}
.tabs-section .row {justify-content:center}
#tab-yearly-schedule {width:100vw;max-width:100%}
#past-pres{max-width:960px;width:100vw;column-count:auto;column-width:16rem;-moz-column-count:auto;-moz-column-width:16rem;-webkit-column-count:3;-webkit-column-width:16rem}
.tabs-section #default-tab ul.nav-tabs li a {padding:0 20px!important;margin-top:20px}
#tab-seasons-2005-present {min-width: 320px!important}

@media only screen and (min-width:320px) and (max-width:1100px) {
	#past-pres{margin-left:-3vw}
}
.tabs-section #default-tab ul.nav-tabs {justify-content:center;margin-bottom:37px}

/*User Directory*/
#directory-container {max-width:1440px;width:100%;height:auto;margin:auto}
#user-directory {display:inline-block;column-count:4;padding:20px 0;width:100%}
input.samepagesearchfield {border-radius:5px;background:#002c5d;color:#fff;border: 1px solid #fff;;text-align:center;padding:6px;font-size:.9rem}
input.samepagesearchfield::placeholder {color:#adafb1;text-align:center;padding:6px;font-size:.9rem}
input.samepagesearchfield:focus::placeholder {color:transparent}
input#gobutton {border-radius: 40px;padding: 9px;background-image:url(/storage/app/media/golfball.gif);background-repeat:no-repeat;background-size: 40px;background-position: center;opacity:80%;margin-bottom: 10px;box-shadow: none}
input#gobutton:hover {opacity: 100%}

/*controlling column counts & widths*/

@media only screen and (min-width:820px) and (max-width:1200px) {
#user-directory {column-count:3}
.container {max-width:101vw!important;}
.owl-carousel.owl-drag .owl-item, .owlcarousel-area {max-height:20vw}
#owlcarousel-area .owlcarousel-caption{}
}

@media only screen and (min-width:720px) and (max-width:819px) {
#user-directory {column-count:3}
.container {max-width:100vw!important;}
#user-directory ul li {font-size:.95rem}
}
@media only screen and (min-width:480px) and (max-width:719px) {
#user-directory {column-count:2}
.container {max-width:100vw!important;}
#user-directory ul li {font-size:.95rem}
}
@media only screen and (min-width:320px) and (max-width:479px) {
#user-directory {column-count:1}
.container {max-width:100vw!important;}
#user-directory ul li {font-size:.95rem;width:100vw}
}

@media only screen and (min-width:720px) and (max-width:1000px){
#directory-container {margin-left:-4vw!important}
}
@media only screen and (min-width:479px) and (max-width:719px){
#directory-container {margin-left:-40px!important}
}

/*General Responsive*/
/*Hide top dev on small screen scroll*/
@media only screen and (min-width:320px) and (max-width:766px) {
#header-wrap.transparent .mainmenu-area.sticky.is-sticky {max-height:0px;background:none!important}
.mainmenu-area{background:none}
#header-wrap.transparent .mainmenu-area.sticky.is-sticky .navbar-brand {max-height:50px!important;margin-top:-10px}
#header-wrap.transparent .mainmenu-area.sticky.is-sticky img {margin-top:-8px}

/*adjust tab headers*/
.tabs-section .section-header {margin-bottom:20px}
.btn-lg {font-size:12px}
#EventImage {height:175px!important;min-height:175px!important}
#directory-container form, #directory-container p {margin-left:40px}

/*Owl stuff*/
.owl-carousel.owl-drag .owl-item, .owlcarousel-area {max-height:290px}
#owlcarousel-area .owlcarousel-caption{margin-top:50px}
}

@media only screen and (min-width:767px) and (max-width:1199px){	
.owl-carousel.owl-drag .owl-item, .owlcarousel-area {max-height:calc(200px + 30vw)}
#owlcarousel-area .owlcarousel-caption{margin-top:60px}
}

@media only screen and (min-width:320px) and (max-width:1200px) {
#EventsContainer .EventDate {font-size: 2rem}
}