/*
Theme Name: The Grand Golf Course V2
Theme URI:
Description: This theme was designed for the Grand Golf Course website
Author: 7thVision
*/

/*________ GLOBAL ELEMENTS ________*/

html {
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
*,
*:before,
*:after {
	box-sizing: inherit;
}

* {
	border: 0;
	margin: 0;
	outline: 0;
	padding: 0;
	vertical-align: baseline;
}

.hideholegallery .blocks-gallery-item {display:none!important}

.grandgolfclubcoursehole {padding:20px;padding:1.25rem }

.wp-block-media-text {grid-template-columns: 35% 65%!important;}

button {
	cursor: pointer;
	font-family: inherit;
}
button::-moz-focus-inner { /* Remove stupid button padding in FF */
    border:0;
    padding:0;
}

img {
	display: block;
	border: 0;
}
a {
	outline: none;
	color: #c29709;
	text-decoration: none;
}
a:hover,
a:focus {
	color: #c29709;
	text-decoration: underline;
}

body {
	font-family: 'Helvetica', sans-serif;
	font-weight: 300;
	font-size: 13px;
	font-size: 0.8125rem;
	color: #242424;
	background: #ededed;
}



.wrapper {
	width: 100%;
	max-width: 1200px;
	max-width: 75rem;
	margin: 0 auto;
	padding: 20px;
	padding: 1.25rem;
}

.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}


.font-roboto {
	font-family: 'Roboto', sans-serif !important;
}



/*________ CONTENT AREA ________*/

.contentArea {
	background: #fff;
	color: #212121;
	overflow: hidden;
	margin-bottom: 28px;
	margin-bottom:1.75rem;
}
.contentArea .content {
	float: left;
	width: calc(100% - 300px);
	width: calc(100% - 18.75rem);
	padding-right: 64px;
	padding-right: 4rem;
}
.contentArea.full .content {
	float: none;
	width: 100%;
	padding-right: 0;
}

/*________ CONTENT ________*/

.contentSection	{
	padding: 32px 0;
	padding: 2rem 0;
	overflow: hidden;
	background:#fff;
}

.content .entry-content {
	overflow: hidden;
}
.content h2,
.content .h2 {
	font-size: 28px;
	font-size: 1.75rem;
	font-weight: 400;
    line-height: 1.35;
    padding-bottom: 16px;
    padding-bottom: 1rem;
    color: #C29709;
	font-weight:bold;
}
.content h3 {
	font-size: 170%;
	margin: 0 0 20px;
	margin: 0 0 1rem;
	border-bottom: none;
	padding: 4px 0;
	padding: 0.25rem 0;
}
.content h4 {
	font-size: 140%;
	padding: 12px 0 4px;
	padding: 0.75rem 0 	0.25rem;
	color: #c29709;
}
.content h5 {
	font-size: 100%;
}
.content h6 {
	font-size: 80%;
}
.content .entryTitle {
	font-weight: bold;
	color: #c2970a;
	padding: 0;
	padding: 0;
	margin: 0 0 20px;
	margin: 0 0 1.25rem;
	font-size:32px;
	font-size: 2rem;
	border-bottom: 1px solid #EDEDED;
	width:auto;
	/*background: #ededed url(/images/bg-page-header.gif) no-repeat right;*/
}

.contentArea input {background:#f9f9f9; padding:5px 10px;border:1px solid #ededed;cursor:pointer!important}

.contentArea .button {background:#242424!important;padding:5px 10px;color:#fff;border:2px solid #f9f9f9;cursor:pointer!important}
.contentArea .button:hover {background:#00a263!important;}

#wpadminbar #wp-admin-bar-wp-logo > .ab-item, #wpadminbar #wp-admin-bar-my-sites a.ab-item, #wpadminbar #wp-admin-bar-site-name a.ab-item {display:none!important;}

#wpadminbar {background: #00a263!important}

.content p {
	padding-bottom: 10px;
	padding-bottom: 1.5rem;
	line-height: 1.5;
}
.content ul:not([class]),
.content ol:not([class]) {
	padding: 0 0 12px 18px;
	padding: 0 0 0.75rem 1.125rem;
}

.content ul li,
.content ol li {
	line-height: 1.8;
}

.content img {
	max-width: 100%;
	height: auto;
}

.content ul li {

list-style: url('/images/grandlist.png');
		line-height: 2;
	padding-right:5px;
	padding-right:0.313rem;
	margin-left:5px;
	margin-left: 0.313rem

}


/*
.content ul:not([class]) li::before {
	color: #c2970a!important;  
	content: "\2022"; 
	padding-right: 1.1225em; 
	position: relative;
	top: 0em; 
	display: inline-block;
}*/



.content .wp-block-media-text {
	margin-bottom: 24px;
	margin-bottom: 1.5rem;
}

.content .tableContainer {
    /*Make table horizontally scroll*/
	display: block;
    overflow-x: auto;
    white-space: nowrap;
    margin-bottom: 24px;
	margin-bottom: 1.5rem;
}
.content table {
	border: none;
	border-right: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
}
.content table td {
	padding: 4px;
	padding: 0.25rem;
	border: none;
	border-left: 1px solid #ddd;
	border-top: 1px solid #ddd;
	font-size: 14px;
	font-size: 0.875rem;
}

.content a.pdflink {
	background: url(/images/icon-pdf.png) left no-repeat;
	padding-left: 24px;
	padding-left: 1.5rem;
	line-height: 24px;
	line-height: 1.5rem;
	height: 24px;
	height: 1.5rem;
	display: inline-block;
}

/*________ SIDEBAR ________*/

.sidebar {
	overflow: hidden;
	width: 300px;
	width: 18.75rem;
}

.sidebar .membersMenu,
.sidebar .weatherContainer,
.sidebar .courseNote,
.sidebar .adSpace,
.sidebar .contacts,
.sidebar .memberpanel {
	margin-bottom: 20px;
	margin-bottom: 1.25rem;
}

.sidebar h2 {
	color: #ffffff;
	font-family: Helvetica, Arial, sans-serif;
	text-align: center;
	font-size: 20px;
	font-size: 	1.25rem;
	padding: 0 0 10px 0;
	padding: 0 0 0.625rem 0;
}
.sidebar img {
	max-width: 100%;
	margin: 0 auto;
	height: auto;
}

.sidebar .courseNote {
		background-color: #009b67;
	padding: 10px;
	padding: 0.625rem;
	text-align: center;
	color:#fff;
}

.sidebar .courseNote p {
font-size: 12px;
font-size: 0.75rem;
}

.sidebar h3, .sidebar h4 {
	padding: 12px 0 6px 0;
	padding: 	0.75rem 0 0.375rem 0;
	text-transform: uppercase;
}

.sidebar .weatherDetails .weatherLink {
	font-size: 12px;
	font-size: 0.75rem;
}

.sidebar .contacts {
	text-align: center;
	border: none;
	background: #273030;
	color:#fff;
	border-bottom: 3px solid #ed4825;
	padding-bottom: 10px;
		padding-bottom: 0.625rem;
}

.sidebar .contacts ul,
.sidebar .membersMenu ul {
	list-style: none;
}

.sidebar .contacts ul li,
.sidebar .membersMenu ul li {
	padding: 10px 0 5px 10px; 
	padding:  0.625rem 0 0.313rem 0.625rem ;
	border-bottom: 1px solid #242424!important;
}

.sidebar .contacts h2 {background: #ed4825; padding:10px 0;padding:0.625rem 0}

.sidebar .membersMenu ul li a {
	text-decoration: none;
	color:#fff;
	font-size:16px;
	font-size: 	1rem;
	f0nt-size:bold!important;
}
.sidebar .membersMenu ul li a:hover {
	color:#C2970A;
}

.sidebar .membersMenu {background: #273030;
		padding-bottom: 10px 0 10px 15px;
		padding-bottom: 0.625rem 0 0.625rem 0.938rem;
}

.sidebar .membersMenu {
			padding: 10px;
		padding: 0.625rem;
}

.wp-block-table.is-style-stripes td {padding:10px; padding:0.625rem;line-height: 1.5;font-size:inherit}

.sidebar #weatherWidget {color:#222!important;}

.sidebar .adSpace a {
	display:block;
	background-color: #242424;
	color:#C2970A;
	text-decoration: none;
	text-align: center;
	border: 1px solid #C2970A;
	padding: 20px;
	text-transform: uppercase;
	font-weight: bold;
	font-size: 16px;
}
.sidebar .adSpace a:Hover {
	padding-top: 21px;
	padding-bottom: 19px;
}

.memberpanel {
	background-color:#273030;
	color:#fff;
	padding:0 18px 18px 18px;
	padding:0 1.125rem 1.125rem 1.125rem;
	text-align: center;
	margin-bottom:15px;
	border-bottom: 3px solid #00a263

}

.memberpanel h2 {
	color:#ededed;
	margin: 10px;
	margin: 0.625rem;
	background:none;
}

.memberpanel, .memberpanel button, .sidebar .weatherContainer, .sidebar .contacts {
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px; /* future proofing */
-khtml-border-radius: 5px; /* for old Konqueror browsers */
} 

.sidebar .contacts h2 {
-moz-border-radius: 5px 5px 0 0;
-webkit-border-radius: 5px 5px 0 0;
border-radius: 5px 5px 0 0; /* future proofing */
-khtml-border-radius: 5px 5px 0 0; /* for old Konqueror browsers */
} 

.memberpanel button {
	padding:10px 16px;
	padding:0.625rem 1rem;
	background-color: #00a263;
	margin: 16px 0 	0.625rem;
		margin: 		1rem 0 10px;
	color:#fff;
	cursor:pointer;
			    font-size: 16px;
    font-size: 1rem;
}

.memberspanellogo
{
	max-width:35%!important;
	margin-top:-10px;
	margin-top: -0.625rem
}

.memberpanel button:hover {
background:#c2970a;
}

.mainNav li a, .memberpanel button, .content .entryTitle, .sidebar h2, .content h2, .content .h2, .footerNav li a, .locationName, .currentDesc, .button, .content h4, .sidebar .membersMenu ul li a, .sidebar h2, .sidebar h3, .sidebar h1, .sidebar h4, .locationName, .content h3 { 
	font-family: 'Open Sans Condensed', sans-serif!important;
}

.grandquote {color:#C2970A}

.mainNav {font-weight:bold!important;}

.footer .copy {font-size:10px;font-size:0.625rem}

.unicode-list li {list-style: none!important; border-bottom: solid 0px #ccc;padding:0!important;margin:0!important;}

.mail:before           {content: "\2709"!important;}
.phone:before          {content: "\2706"!important;}
.grandstaff:before          {content: ""!important;padding:0!important;}
.fax:before          {content: "\1F5B7"!important;}
.map:before          {content: "\27DC"!important;}

ul {
  margin: 0px;
  padding: 0px;
}

/*________ HOME ________*/

.content.home {
	float: none;
	max-width: none;
	width: 100%;
	margin: 0;
}


.content .socialContact p.location {
	margin: 0;
	padding: 12px 0 12px 0;
	padding: 0.75rem 0 0.75rem 0;
	text-align: center;
}

/*________ Committee _________*/

.page-id-180 p {
  clear: left;
}
/*________ Comments _________*/

.page-id-178 h3 {
	border: none;
	padding: 0 0 4px;
	padding: 0 0 0.25em;
	margin: 0;
	font-style: italic;
}
.page-id-178 h4 {
	border: none;
	padding: 0 0 8px;
	padding: 0 0 0.5em;
	margin: 0 0 40px;
	margin: 0 0 2.5em;
	border-bottom: 1px dotted #c29709;
	font-size: 100%;
	font-weight: normal;
}

/*________ FACILITIES ________*/

.content .clubHouse {
	border-bottom: 1px solid #d8d9da;
	overflow: hidden;
	margin-bottom: 2px;
	margin-bottom: 0.125rem;
}

.content .proShop {
	border-top: 1px solid #d8d9da;
	overflow: hidden;
	padding-top: 30px;
	padding-top: 1.875rem;
}


/*________ MISC ________*/

.hide {
	display: none;
}


.button {
	font-size: 16px;
	font-size: 1rem;
	padding: 8px 18px;
	padding: 0.5rem 1.125rem;
	border: 1px solid #c29709;
	border-radius: 4px;
	border-radius: 0.25rem;
	display: inline-block;
}
.button:hover,
.button:focus {
	background-color: #c29709;
	text-decoration: none;
	color: #fff;
}

.flexibleContainer { /* Flexible iFrame */
    position: relative;
    padding-bottom: 50%;
    padding-top: 30px;
    height: 0;
    overflow: hidden;
}
.flexibleContainer iframe,
.flexibleContainer object,
.flexibleContainer embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.videoContainer {
    float: none;
    clear: both;
    width: 100%;
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 0;
    height: 0;
}
.videoContainer iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    padding: 0;
}

.animate,
.animate:hover,
.animate:focus,
.animate:active {
	transition: all 0.15s linear;
}



/*________ SLICK SLIDER ________*/

.slick-slider button.slick-prev,
.slick-slider button.slick-next {
	width: 32px;
	width: 2rem;
	height: 32px;
	height: 2rem;
	position: absolute;
	top: 40px;
	top: 2.5rem;
	left: 40px;
	left: 2.5rem;
	text-indent: -9999px;
	background-color: #000;
	z-index: 100;
	transition: all 0.15s linear;
}
.slick-slider button.slick-next {
	left: 78px;
	left: 4.875rem;
}
.slick-slider button.slick-prev:hover,
.slick-slider button.slick-prev:focus,
.slick-slider button.slick-next:hover,
.slick-slider button.slick-next:focus {
	background-color: #fff;
}
.slick-slider button.slick-prev:after,
.slick-slider button.slick-next:after {
	display: block;
	content: '';
	position: absolute;
	width: 0;
	height: 0;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
	border: 4px solid transparent;
	border: 0.25rem solid transparent;
	transition: all 0.15s linear;
}
.slick-slider button.slick-prev:after {
	border-right-color: #fff;
	border-right-width: 6px;
	border-right-width: 0.375rem;
	right: 4px;
	right: 0.25rem;
}
.slick-slider button.slick-prev:hover:after,
.slick-slider button.slick-prev:focus:after {
	border-right-color: #000;
}
.slick-slider button.slick-next:after {
	border-left-color: #fff;
	border-left-width: 6px;
	border-left-width: 0.375rem;
	left: 4px;
	left: 0.25rem;
}
.slick-slider button.slick-next:hover:after,
.slick-slider button.slick-next:focus:after {
	border-left-color: #000;
}




.slick-slider .slick-dots {
	width: 100%;
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
	flex-wrap: wrap;
	align-content: flex-start;
	margin: 0;
}
.slick-slider .slick-dots li {
	width: 12px;
	width: 0.75rem;
	height: 12px;
	height: 0.75rem;
	padding: 0;
	margin: 0 5px;
	margin: 0 0.3125rem;
	list-style: none;
}
.slick-slider .slick-dots li button {
	display: block;
	width: 100%;
	height: 100%;
	text-indent: -9999px;
	border: 1px solid #fff;
	border-radius: 50%;
	background-color: transparent;
	transition: all 0.15s linear;
	box-shadow: 0 0 2px 0 rgba(0,0,0,0.1);
}
.slick-slider .slick-dots li.slick-active button,
.slick-slider .slick-dots li button:hover,
.slick-slider .slick-dots li button:focus {
	background-color: #fff;
}




/*________ WP IMAGES ________*/

/*
Resize images to fit the main content area.
- Applies only to images uploaded via WordPress by targeting size-* classes.
- Other images will be left alone. Use "size-auto" class to apply to other images.
*/
img.size-auto,
img.size-full,
img.size-large,
img.size-medium,
.attachment img {
	max-width: 100%; /* When images are too wide for containing element, force them to fit. */
	height: auto; /* Override height to match resized width for correct aspect ratio. */
}
.alignleft,
img.alignleft {
	display: inline;
	float: left;
	margin-right: 24px;
}
.alignright,
img.alignright {
	display: inline;
	float: right;
	margin-left: 24px;
}
.aligncenter,
img.aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
	max-width: 100%;
	height: auto;
}
img.alignleft,
img.alignright,
img.aligncenter {
	margin-bottom: 12px;
}
.wp-caption {
	background: #f1f1f1;
	line-height: 18px;
	margin-bottom: 20px;
	max-width: 632px !important; /* prevent too-wide images from breaking layout */
	padding: 4px;
	text-align: center;
}
.wp-caption img {
	margin: 5px 5px 0;
}
.wp-caption p.wp-caption-text {
	color: #888;
	font-size: 12px;
	margin: 5px;
}
.wp-smiley {
	margin: 0;
}


.wp-block-gallery {
	margin-bottom: 24px;
	margin-bottom: 1.5rem;
}
.gallery {
	padding: 0 0 24px;
	padding: 0 0 1.5rem;
	clear: both;
	width: 100%;
	width: calc(100% + 20px);
	width: calc(100% + 1.25rem);
	text-align: left;
}
.gallery .gallery-item {
	width: 25%;
	display: inline-block;
	zoom: 1;
	*display: inline;
	vertical-align: top;
	min-width: 120px;
	min-width: 7.5rem;
	padding: 0 20px 20px 0;
	padding: 0 1.25rem 1.25rem 0;
}
.gallery-columns-2 .gallery-item {
	width: 50%;
}
.gallery-columns-2 .gallery-item {
	width: 50%;
}
.gallery-columns-3 .gallery-item {
	width: 33.33%;
}
.gallery-columns-4 .gallery-item {
	width: 25%;
}
.gallery-columns-5 .gallery-item {
	width: 20%;
}
.gallery-columns-6 .gallery-item {
	width: 16.66%;
}
.gallery-columns-7 .gallery-item {
	width: 14.2%;
}
.gallery-columns-8 .gallery-item {
	width: 12%;
}
.gallery .gallery-item a {
	display: block;
	background-color: #222;
	overflow: hidden;
}
.gallery .gallery-item img {
	width: 100%;
	height: auto;
	transition: all 0.2s linear;
}
.gallery .gallery-item a img:hover,
.gallery .gallery-item a img:focus {
	opacity: 0.8;
}
.gallery .gallery-caption {
	color: #888;
	font-size: 12px;
	font-size: 0.75rem;
	margin: 0 0 12px;
	margin: 0 0 0.75rem;
	text-align: center;
	line-height: 1.66;
}
.gallery br {
	display: none;
}
.gallery dl {
	margin: 0;
}
.content .attachment img {/* single attachment images should be centered */
	display: block;
	margin: 0 auto;
}



/*________ WP MOBILE SAFARI ________*/

pre {
	-webkit-text-size-adjust: 140%;
}
code {
	-webkit-text-size-adjust: 160%;
}
#access,
.entry-meta,
.entry-utility,
.navigation,
.widget-area {
	-webkit-text-size-adjust: 120%;
}
#site-description {
	-webkit-text-size-adjust: none;
}


/*________ WP PRINT ________*/

@media print {
	body {
		background: none !important;
	}
	#wrapper {
		clear: both !important;
		display: block !important;
		float: none !important;
		position: relative !important;
	}
	#header {
		border-bottom: 2pt solid #000;
		padding-bottom: 18pt;
	}
	#colophon {
		border-top: 2pt solid #000;
	}
	#site-title,
	#site-description {
		float: none;
		line-height: 1.4em;
		margin: 0;
		padding: 0;
	}
	#site-title {
		font-size: 13pt;
	}
	.entry-content {
		font-size: 14pt;
		line-height: 1.6em;
	}
	.entry-title {
		font-size: 21pt;
	}
	#access,

	#branding img,
	#respond,
	.comment-edit-link,
	.edit-link,
	.navigation,
	.page-link,
	.widget-area {
		display: none !important;
	}
	#container,
	#header,
	#footer {
		margin: 0;
		width: 100%;
	}
	#content,
	.one-column #content {
		margin: 24pt 0 0;
		width: 100%;
	}
	.wp-caption p {
		font-size: 11pt;
	}
	#site-info,
	#site-generator {
		float: none;
		width: auto;
	}
	#colophon {
		width: auto;
	}
	img#wpstats {
		display: none;
	}
	#site-generator a {
		margin: 0;
		padding: 0;
	}
	#entry-author-info {
		border: 1px solid #e7e7e7;
	}
	#main {
		display: inline;
	}
	.home .sticky {
		border: none;
	}
}




/* 1240px */
@media (max-width: 77.5em) {
	.contentArea.wrapper {
		padding-top: 32px;
		padding-top: 2rem;
		padding-bottom: 32px;
		padding-bottom: 2rem;
		margin-bottom: 0;
	}
}

/* 940px */
@media (max-width: 58.75em) {
	.contentArea .content {
		padding-right: 48px;
		padding-right: 3rem;
	}
}

/* 840px */
@media (max-width: 52.5em) {
	.contentSection	{
		padding: 48px 0;
		padding: 3rem 0;
	}

    .content h2,
    .content .h2 {
        font-size: 22px;
        font-size: 1.375rem;
		font-weight:bold!important;
    }

	.button {
		font-size: 12px;
		font-size: 0.75rem;
		padding: 8px 14px;
		padding: 0.5rem 0.875rem;
	}
}


/* 740px */
@media (max-width: 46.25em) {
	.contentArea .content {
	    float: none;
	    width: 100%;
	    padding-right: 0;
	    padding-bottom: 32px;
	    padding-bottom: 2rem;
	}
	.sidebar {
		width: 100%;
	}
}

/*440px*/
@media (max-width: 27.5em) {

	/*________ WP IMAGES ________*/

	.gallery .gallery-item {
		width: 50% !important;
	}
}