/* @import url('http://example.com/example_style.css'); */

@import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@300;400;600;700;800&family=Pridi:wght@200;300;400;500;600;700&display=swap');

/***********************************************/
/* CSS @imports must be at the top of the file */
/* Add them above this section                 */
/***********************************************/

/*****************************************/
/* Start your style declarations here    */
/*****************************************/


















/* fall */




/* Winter */






body { font-family: 'Open Sans', sans-serif; color: #2d2d2d; margin: 0; padding: 0; }
h1, h2, h3, h4 { font-family: 'Pridi', serif; line-height: 1.1; }
h1 { font-size: 2em; }
h2 { font-size: 1.5em;  }
p { margin: 0 0 12px 0; }
a { color: #0d79bf; }
/* Fall */
a.ctaButton-fall { background-color: #981a32; color: white!important; border-radius: 7px; padding: 10px 15px; display: inline-block; margin: 0 0 5px 0; font-size: 80%; text-decoration: none; transition: background-color .2s; }
a.ctaButton-fall:hover { background-color: #B24331; transition: background-color .2s; }

a.ctaButton-winter { background-color: #888b9c; color: white!important; border-radius: 7px; padding: 10px 15px; display: inline-block; margin: 0 0 5px 0; font-size: 80%; text-decoration: none; transition: background-color .2s; }
a.ctaButton-spring { background-color: #2e81b3 ; color: white; border-radius: 7px; padding: 10px 15px; display: inline-block; margin: 0 0 5px 0; font-size: 80%; text-decoration: none; transition: background-color .2s; }
a.ctaButton-summer { background-color: #C3D8D4 ; color: black!important; border-radius: 7px; padding: 10px 15px; display: inline-block; margin: 0 0 5px 0; font-size: 80%; text-decoration: none; transition: background-color .2s; }


a.ctaButton { background-color: #0d79bf; color: white!important; border-radius: 7px; padding: 10px 15px; display: inline-block; margin: 0 0 5px 0; font-size: 80%; text-decoration: none; transition: background-color .2s; }
a.ctaButton:hover { background-color: #1d4895; transition: background-color .2s; }

div.hero { padding: 20px 0; margin: 0 0 20px 0; background-color: #1d4895; background-image: url(https://news.uselessbaygolf.com/hubfs/hero_newsletter_v4.jpg); background-size: cover; background-position: bottom; }
div.hero img.logo { height: 140px; margin: 0 0 25px 0; }
div.hero h1 { font-size: 3.5em; margin: 0; color: white; text-shadow: 0px 0px 5px rgba(0,0,0,0.1); }
div.hero p.issueDate { margin: 0 0 10px 0; font-weight: 600; color: white; }

#footer { text-align: center; }
#footer img.footLogo { width: 200px; height: 200px; margin: 20px 0; }

/* FALL */
#contents-fall { border-top: 3px #981a32 solid; border-bottom: 6px #981a32 solid; padding: 20px; background-color: #e2e2e2; position: relative; }
#contents-fall h2:first-child { margin: 0; color: #981a32; }

#contents-fall ul.nav { list-style-type: none; padding: 0; margin: 20px 0 10px 0; }
#contents-fall ul.nav li a { padding: 5px 10px; margin: 0 ; border-bottom: 1px white solid; background-color: none; display: block; text-decoration: none; color: #B24331; font-weight: 600; transition: background-color .2s; }
#contents-fall ul.nav li a:hover { background-color: #F6C453; transition: background-color .2s; }
#contents-fall ul.nav li a.active { background-color: #F6C453; cursor: default; }

#contents-fall ul.navbar { list-style-type: none; padding: 0; margin: 20px 0 10px 0; }
#contents-fall ul.navbar li a { padding: 5px 10px; margin: 0 ; border-bottom: 1px white solid; background-color: none; display: block; text-decoration: none; color: #B24331; font-weight: 600; transition: background-color .2s; }
#contents-fall ul.navbar li a:hover { background-color: #F6C453; transition: background-color .2s; }
#contents-fall ul.navbar li a.active { background-color: #F6C453; cursor: default; }


/* WINTER */
#contents-winter { border-top: 3px #494752 solid; border-bottom: 6px #494752 solid; padding: 20px; background-color: #f2f2f2; position: relative; }
#contents-winter h2:first-child { margin: 0; color:#494752}

#contents-winter ul.nav { list-style-type: none; padding: 0; margin: 20px 0 10px 0; }
#contents-winter ul.nav li a { padding: 5px 10px; margin: 0 ; border-bottom: 1px white solid; background-color: none; display: block; text-decoration: none; color:#494752; font-weight: 600; transition: background-color .2s; }
#contents-winter ul.nav li a:hover { background-color: #b9d8da; transition: background-color .2s; }
#contents-winter ul.nav li a.active { background-color: #b9d8da; cursor: default; }

#contents-winter ul.navbar { list-style-type: none; padding: 0; margin: 20px 0 10px 0; }
#contents-winter ul.navbar li a { padding: 5px 10px; margin: 0 ; border-bottom: 1px white solid; background-color: none; display: block; text-decoration: none; color: #87acb5; font-weight: 600; transition: background-color .2s; }
#contents-winter ul.navbar li a:hover { background-color: #b9d8da; transition: background-color .2s; }
#contents-winter ul.navbar li a.active { background-color: #b9d8da; cursor: default; }


/* SPRING */
#contents-spring { border-top: 3px #2e81b3  solid; border-bottom: 6px #2e81b3  solid; padding: 20px; background-color: #f2f2f2; position: relative; }
#contents-spring h2:first-child { margin: 0; color:#2e81b3 }

#contents-spring ul.nav { list-style-type: none; padding: 0; margin: 20px 0 10px 0; }
#contents-spring ul.nav li a { padding: 5px 10px; margin: 0 ; border-bottom: 1px white solid; background-color: none; display: block; text-decoration: none; color:#2e81b3 ; font-weight: 600; transition: background-color .2s; }
#contents-spring ul.nav li a:hover { background-color: #c2c2c2; transition: background-color .2s; }
#contents-spring ul.nav li a.active { background-color:  #c2c2c2; cursor: default; }

#contents-spring ul.navbar { list-style-type: none; padding: 0; margin: 20px 0 10px 0; }
#contents-spring ul.navbar li a { padding: 5px 10px; margin: 0 ; border-bottom: 1px white solid; background-color: none; display: block; text-decoration: none; color: #2e81b3; font-weight: 600; transition: background-color .2s; }
#contents-spring ul.navbar li a:hover { background-color:  #c2c2c2; transition: background-color .2s; }
#contents-spring ul.navbar li a.active { background-color:  #c2c2c2; cursor: default; }

.swiper-slide img {min-height: 640px!important; max-height: 640px; min-width: 100%; object-fit:cover}

/* SUMMER*/
#contents-summer { border-top: 3px #6DAFA1  solid; border-bottom: 6px #6DAFA1   solid; padding: 20px; background-color: #f2f2f2; position: relative; }
#contents-summer h2:first-child { margin: 0; color:#6DAFA1  }

#contents-summer ul.nav { list-style-type: none; padding: 0; margin: 20px 0 10px 0; }
#contents-summer ul.nav li a { padding: 5px 10px; margin: 0 ; border-bottom: 1px white solid; background-color: none; display: block; text-decoration: none; color:#6DAFA1  ; font-weight: 600; transition: background-color .2s; }
#contents-summer ul.nav li a:hover { background-color: #c2c2c2; transition: background-color .2s; }
#contents-summer ul.nav li a.active { background-color:  #c2c2c2; cursor: default; }

#contents-summer ul.navbar { list-style-type: none; padding: 0; margin: 20px 0 10px 0; }
#contents-summer ul.navbar li a { padding: 5px 10px; margin: 0 ; border-bottom: 1px white solid; background-color: none; display: block; text-decoration: none; color: #6DAFA1 ; font-weight: 600; transition: background-color .2s; }
#contents-summer ul.navbar li a:hover { background-color:  #c2c2c2; transition: background-color .2s; }
#contents-summer ul.navbar li a.active { background-color:  #c2c2c2; cursor: default; }

/* REG */
#contents { border-top: 3px #0d79bf solid; border-bottom: 6px #0d79bf solid; padding: 20px; background-color: #dfe6f2; position: relative; }
#contents h2:first-child { margin: 0; color: #0d79bf; }

#contents ul.nav { list-style-type: none; padding: 0; margin: 20px 0 10px 0; }
#contents ul.nav li a { padding: 5px 10px; margin: 0 ; border-bottom: 1px white solid; background-color: none; display: block; text-decoration: none; color: #0d79bf; font-weight: 600; transition: background-color .2s; }
#contents ul.nav li a:hover { background-color: #BCD4F7; transition: background-color .2s; }
#contents ul.nav li a.active { background-color: #BCD4F7; cursor: default; }

#contents ul.navbar { list-style-type: none; padding: 0; margin: 20px 0 10px 0; }
#contents ul.navbar li a { padding: 5px 10px; margin: 0 ; border-bottom: 1px white solid; background-color: none; display: block; text-decoration: none; color: #0d79bf; font-weight: 600; transition: background-color .2s; }
#contents ul.navbar li a:hover { background-color: #BCD4F7; transition: background-color .2s; }
#contents ul.navbar li a.active { background-color: #BCD4F7; cursor: default; }


/* article { padding: 30px; margin: 20px 0; border-radius: 9px; box-shadow: 0px 0px 15px 5px rgba(0,0,0,0.05); } */
/* FALL */
#fall h1 { color: #981a32; font-size: 3em; }
#fall h2 { color: #B24331; margin-bottom: 0; margin-top: 0; }

/* WINTER */
#winter h1 { color: #494752; font-size: 3em; }
#whats-happening-winter {color: #494752!important;}
#winter h2 { color: #87acb5; margin-bottom: 0; margin-top: 0; }
#winter p {color: #494752}
#winter a {color: #87acb5}
#winter .table td {text-align:center}
#winter .table th {text-align:center}
#winter .table {width:100%; margin-top:15px}
#winter .table, td, th { border: 1px solid black}


#content-module-winter h2 {color:white}
#content-module-winter .article-date {color:white}
#content-module-winter .header {padding: 20px}
#content-module-winter .body {padding-left:20px;padding-bottom:20px;padding-right:20px}
#content-module-winter a {color: #87acb5}

/* /SPRING */
#spring h1 { color: #2e81b3; font-size: 3em; }
#spring h2 { color: #2e81b3; margin-bottom: 0; margin-top: 0; }
#spring .table td {text-align:center}
#spring .table th {text-align:center}
#spring .table {width:100%; margin-top:15px}
#spring .table, td, th { border: 1px solid black}


/* SUMMER */
#summer h1 { color: #256B61; font-size: 3em; }
#summer h2 { color: #256B61; margin-bottom: 0; margin-top: 0; }

article { margin: 20px 0; }
article h1 { color: #1d4895; font-size: 3em; }
article h2 { color: #0d79bf; margin-bottom: 0; margin-top: 0; }
article p { margin-top: 10px; }
div.feature { padding: 20px; background-color: #f2f2f2; margin: 15px 0; }
div.feature.aside { font-size: 90%; }
div.feature h2:first-child { margin-top: 0 }
article p.date { margin-top: 0; font-style: italic; }
article h1:first-child { margin: 0 0 10px 0; border-bottom: 1px #666666 solid; }
article div.author { padding: 0; display: flex; flex-direction: row; }
article div.author div.authorImage, article div.authors div.authorByline { display: flex; flex-direction: column; }
article div.authors div.author { margin: 0 0 10px 0; }
article div.authors div.author img.headshot { width: 100px; height: 100px; background-color: #2d2d2d; margin: 0 10px 0 0; border-radius: 9px; }
p.byline { font-size: 80%; margin-bottom: 0; }
article div.body { margin-top: 20px; }
article div.authors div.author a.email { display: block; content: url(https://news.uselessbaygolf.com/hubfs/icon_email.svg); 
  background-size: 20px 20px; height: 20px; width: 20px; padding: 10px; margin: 10px 0; border-radius: 3px; background-color: #f2f2f2; transition: background-color .2s;   }
article div.authors div.author a.email:hover { background-color: #e2e2e2; transition: background-color .2s; }
article div.caption { font-size: .8em; text-align: center; }
article div.caption p { margin: 5px 0 0; }
  
article div.body blockquote { padding: 30px 40px; margin: 20px 0; background-color: #f2f2f2; position: relative; }
article div.body blockquote.callout { background-color: #1d4895; }
article div.body blockquote.callout h2 { color: white; font-size: 3em; }
article div.body blockquote.callout p { color: white; }
article div.body blockquote p:last-child { margin-bottom: 0 }
article div.body blockquote h2:first-child { margin-top: 0 }
article div.body blockquote p { font-weight: 300; font-size: 1.5em; line-height: 110%;  }
article div.body p.note { padding: 15px; background-color: #f2f2f2; font-size: 80%; }

.freeDelivery { background-color: #1d4895; color: white; padding: 20px; }
.freeDelivery-fall { background-color: #981a32; color: white; padding: 20px; }
.freeDelivery-winter { background-color: #87acb5; color: white; padding: 20px; }
.freeDelivery-winter h3 {color:white!important}
.freeDelivery h3 { margin: 0; }
.freeDelivery p { font-size: 80%; margin: 0; }


.winter-highlight {border-left: 5px solid #87acb5; padding-left:10px}
.two-col {display: flex; flex-direction:row; justify-content:center;}
.two-col img {max-width:40%; border: 20px white solid;box-shadow: 0px 0px 15px 5px rgb(0 0 0 / 5%); margin: 10px 10px}
article div.flex-row { display: flex; flex-direction: row; }
article div.flex-column { display: flex; flex-direction: column; }
article img { max-width: 100% }
article img.whatsHappening { max-width: 350px; }
article img.photo {  width: calc(100% - 40px); height: 300px;max-width: calc(100% - 50px); margin: 20px 0 0 0; border: 20px white solid; box-shadow: 0px 0px 15px 5px rgba(0,0,0,0.05);object-fit:cover }
article img.photo1 { object-fit:cover;height: 300px;width: 75%; margin: 20px 0 0 0; border: 20px white solid; box-shadow: 0px 0px 15px 5px rgba(0,0,0,0.05); }



section#members.fall h3 {color:#B24331}
section#members.fall h2 {color:#981a32!important}
section#board, section#members { padding: 20px; background-color: #f2f2f2; }
section#board h2:first-child, section#members h2:first-child { margin: 0; }

section#board-winter, section#members { padding: 20px; background-color: #f2f2f2; }
section#board-winter h2:first-child, section#members h2:first-child { margin: 0;}
section#board-winter h3 {color: #494752}
/* section#members.winter h3 {color:} */
section#members.winter h2 {color: #494752}!important}

section#board-fall, section#members { padding: 20px; background-color: #f2f2f2; }
section#board-fall h2:first-child, section#members h2 { margin: 0; color: #B24331}
section#board-fall h3 {color: #B24331}
section#hours, section#directory, section#members { position: relative; } /* background-color: white; padding: 60px 30px 30px 30px; margin: 40px 0 20px 0; border-radius: 9px; box-shadow: 0px 0px 15px 5px rgba(0,0,0,0.05); */
section h1:first-child { margin: 0; }
/*
section#hours:before, section#board:before, section#directory:before, section#members:before { display: block; margin: auto; background-size: 100px 100px; height: 100px; width: 100px; position: absolute; top: -50px; right: 0; left: 0; }
section#hours:before { content: url(https://news.uselessbaygolf.com/hubfs/icon_hours.svg); }
section#board:before { content: url(https://news.uselessbaygolf.com/hubfs/icon_board.svg); }
section#directory:before { content: url(https://news.uselessbaygolf.com/hubfs/icon_phone.svg); } 
section#members:before { content: url(https://news.uselessbaygolf.com/hubfs/icon_members.svg); } */

.container-fluid .row-fluid .page-center { float: none; max-width: 1280px; margin: 0 auto; box-sizing: border-box; padding: 20px; width: 100%; }
.container-fluid .row-fluid .page-center.paddingBottom { margin-bottom: 40px; }
.container-fluid .row-fluid .page-center-no-padding { float: none; max-width: 1280px; margin: 0 auto; box-sizing: border-box; padding: 0px 20px; width: 100% }
.page-center.content-center { text-align: center; }

ul.rules { list-style-type: none; padding: 0; margin: 20px 0; border-top: 2px #c2c2c2 solid }
ul.rules li { padding: 5px 10px; margin: 0; border-bottom: 1px #c2c2c2 solid; }
ul.rules li:last-child { border-bottom: 2px #c2c2c2 solid; }
ul.rules li.active { background-color: #e2e2e2; }
ul.rules li span.day { font-size: 70%; text-transform: uppercase; font-weight: 700; color: #666666; }
ul.rules li span.hours { white-space: nowrap; }
ul li span.trial { font-size: 70%; text-transform: uppercase; font-weight: 700; color: #666666; width: 40px; display: inline-block; }

section#members ul.rules li { font-size: .8em; padding: 2px 3px; }

#boilerPlate { background-color: #004000; color: white; padding: 10px 0 20px 0; position: relative; }
#boilerPlate div.cart { background-image: url(https://news.uselessbaygolf.com/hubfs/cart.svg); position: absolute; top: -43px; left: 20%; width: 50px; height: 50px; background-size: 50px 50px; }
#boilerPlate div.stroke { background-image: url(https://news.uselessbaygolf.com/hubfs/stroke.svg); position: absolute; top: -40px; left: 37%; width: 40px; height: 40px; background-size: 40px 40px; }
#boilerPlate div.flag { background-image: url(https://news.uselessbaygolf.com/hubfs/flag.svg); position: absolute; top: -49px; left: 70%; width: 50px; height: 50px; background-size: 50px 50px; }
#boilerPlate section#hours, #boilerPlate section#directory {  }
#boilerPlate section#hours ul, #boilerPlate section#directory ul { font-size: 80%; margin: 0; padding: 0; list-style-type: none; }
#boilerPlate section#hours ul li.active { font-weight: 700; }
#boilerPlate ul.rules {  border-top: 2px #666666 solid }
#boilerPlate ul.rules li { padding: 3px 5px; border-bottom: 1px #666666 solid; font-size: 90%; }
#boilerPlate ul.rules li.active { background-color: #666666; }
#boilerPlate ul.rules li span.day { color: #e2e2e2; }
#boilerPlate ul.rules li.active span.day { font-size: 70%; text-transform: uppercase; font-weight: 700; color: #e2e2e2; }
#boilerPlate h2 { margin: 10px 0; padding: 0 0 10px 0; font-family: 'Open Sans', sans-serif; border-bottom: 1px #c2c2c2 solid;   }
#boilerPlate h3 { margin: 10px 0 0 0; font-family: 'Open Sans', sans-serif; color: white }
#boilerPlate h3 span.small { font-size: 60%; font-weight: 300; }
#boilerPlate a { color: #86c186; text-decoration: none; }
#boilerPlate a.phoneNumber { white-space:nowrap; }

#boilerPlate-winter { background-color: #494752; color: white; padding: 10px 0 20px 0; position: relative; }
#boilerPlate-winter div.cart { background-image: url(https://news.uselessbaygolf.com/hubfs/cart.svg); position: absolute; top: -43px; left: 20%; width: 50px; height: 50px; background-size: 50px 50px; }
#boilerPlate-winter div.stroke { background-image: url(https://news.uselessbaygolf.com/hubfs/stroke.svg); position: absolute; top: -40px; left: 37%; width: 40px; height: 40px; background-size: 40px 40px; }
#boilerPlate -winterdiv.flag { background-image: url(https://news.uselessbaygolf.com/hubfs/flag.svg); position: absolute; top: -49px; left: 70%; width: 50px; height: 50px; background-size: 50px 50px; }
#boilerPlate-winter section#hours, #boilerPlate section#directory {  }
#boilerPlate-wintersection#hours ul, #boilerPlate section#directory ul { font-size: 80%; margin: 0; padding: 0; list-style-type: none; }
#boilerPlate-winter section#hours ul li.active { font-weight: 700; }
#boilerPlate-winter ul.rules {  border-top: 2px #666666 solid }
#boilerPlate-winter ul.rules li { padding: 3px 5px; border-bottom: 1px #666666 solid; font-size: 90%; }
#boilerPlate-winter ul.rules li.active { background-color: #666666; }
#boilerPlate-winter ul.rules li span.day { color: #e2e2e2; }
#boilerPlate-winter ul.rules li.active span.day { font-size: 70%; text-transform: uppercase; font-weight: 700; color: #e2e2e2; }
#boilerPlate-winter h2 { margin: 10px 0; padding: 0 0 10px 0; font-family: 'Open Sans', sans-serif; border-bottom: 1px #c2c2c2 solid;  }
#boilerPlate-winter h3 { margin: 10px 0 0 0; font-family: 'Open Sans', sans-serif; color: white }
#boilerPlate-winter h3 span.small { font-size: 60%; font-weight: 300; }
#boilerPlate-winter a { color: #87acb5; text-decoration: none; }
#boilerPlate-winter a.phoneNumber { white-space:nowrap; }

#boilerPlate-spring { background-color: #2e81b3}; color: white; padding: 10px 0 20px 0; position: relative; }
#boilerPlate-spring div.cart { background-image: url(https://news.uselessbaygolf.com/hubfs/cart.svg); position: absolute; top: -43px; left: 20%; width: 50px; height: 50px; background-size: 50px 50px; }
#boilerPlate-spring div.stroke { background-image: url(https://news.uselessbaygolf.com/hubfs/stroke.svg); position: absolute; top: -40px; left: 37%; width: 40px; height: 40px; background-size: 40px 40px; }
#boilerPlate-spring div.flag { background-image: url(https://news.uselessbaygolf.com/hubfs/flag.svg); position: absolute; top: -49px; left: 70%; width: 50px; height: 50px; background-size: 50px 50px; }
#boilerPlate-spring section#hours, #boilerPlate section#directory ul li { color: white  }
#boilerPlate-spring section#directory ul li { color: white  }

#boilerPlate-spring section#hours ul, #boilerPlate section#directory ul { color: white;font-size: 100%; margin: 0; padding: 0; list-style-type: none; }
#boilerPlate-spring section#hours ul li.active { font-weight: 700; }
#boilerPlate-spring ul.rules {  border-top: 2px #666666 solid }
#boilerPlate-spring ul.rules li { color: white; padding: 3px 5px; border-bottom: 1px #666666 solid; font-size: 90%; }
#boilerPlate-spring ul.rules li.active { background-color: #666666; }
#boilerPlate-spring ul.rules li span.day { color: white; }
#boilerPlate-spring ul.rules li.active span.day { font-size: 100%; text-transform: uppercase; font-weight: 700; color: white; }
#boilerPlate-spring h2 { color: white; margin: 10px 0; padding: 0 0 10px 0; font-family: 'Open Sans', sans-serif; border-bottom: 1px #c2c2c2 solid;  }
#boilerPlate-spring h3 { color: white;margin: 10px 0 0 0; font-family: 'Open Sans', sans-serif; }
#boilerPlate-spring h3 span.small { font-size: 100%; font-weight: 300; }
#boilerPlate-spring a { color: white; text-decoration: none; }
#boilerPlate-spring a.phoneNumber { white-space:nowrap;color:  }

#boilerPlate-summer { background-color: #256B61}; color: white; padding: 10px 0 20px 0; position: relative; }
#boilerPlate-summer div.cart { background-image: url(https://news.uselessbaygolf.com/hubfs/cart.svg); position: absolute; top: -43px; left: 20%; width: 50px; height: 50px; background-size: 50px 50px; }
#boilerPlate-summer div.stroke { background-image: url(https://news.uselessbaygolf.com/hubfs/stroke.svg); position: absolute; top: -40px; left: 37%; width: 40px; height: 40px; background-size: 40px 40px; }
#boilerPlate-summer div.flag { background-image: url(https://news.uselessbaygolf.com/hubfs/flag.svg); position: absolute; top: -49px; left: 70%; width: 50px; height: 50px; background-size: 50px 50px; }
#boilerPlate-summer section#hours, #boilerPlate section#directory ul li { color: white  }
#boilerPlate-summer section#directory ul li { color: white  }

#boilerPlate-summer section#hours ul, #boilerPlate section#directory ul { color: white;font-size: 100%; margin: 0; padding: 0; list-style-type: none; }
#boilerPlate-summer section#hours ul li.active { font-weight: 700; }
#boilerPlate-summer ul.rules {  border-top: 2px #666666 solid }
#boilerPlate-summer ul.rules li { color: white; padding: 3px 5px; border-bottom: 1px #666666 solid; font-size: 90%; }
#boilerPlate-summer ul.rules li.active { background-color: #666666; }
#boilerPlate-summer ul.rules li span.day { color: white; }
#boilerPlate-summer ul.rules li.active span.day { font-size: 100%; text-transform: uppercase; font-weight: 700; color: white; }
#boilerPlate-summer h2 { color: white; margin: 10px 0; padding: 0 0 10px 0; font-family: 'Open Sans', sans-serif; border-bottom: 1px #c2c2c2 solid;  }
#boilerPlate-summer h3 { color: white;margin: 10px 0 0 0; font-family: 'Open Sans', sans-serif; }
#boilerPlate-summer h3 span.small { font-size: 100%; font-weight: 300; }
#boilerPlate-summer a { color: white; text-decoration: none; }
#boilerPlate-summer a.phoneNumber { white-space:nowrap;color:  }

section#menus { padding: 25px; background-color: #f2f2f2; border-radius: 5px; }
section#menus h2:first-child { margin-top: 0; }
section#menus h4 { margin-bottom: 3px; font-family: 'Open Sans', sans-serif; }

.swiper  .swiper-button-next {color: white!important; right: 10px!important;background: black; padding: 10px}
.swiper .swiper-button-prev {color: white!important; left: 10px!important;background: black; padding: 10px}
.swiper  .swiper-pagination-bullets  {}
.swiper .swiper-pagination-bullets .swiper-pagination-bullet-active {background:white!important }
 .slide-description {position: absolute;
    top: 20px;
    background: white;
   padding: 10px;
font-size: 11px}
/* FALL */
section#menus-fall { padding: 25px; background-color: #f2f2f2; border-radius: 5px; }
section#menus-fall h2:first-child { margin-top: 0; }
section#menus-fall h4 { margin-bottom: 3px; font-family: 'Open Sans', sans-serif; }
section#menus-fall h2,
 section#menus-fall h3 {color: #B24331}
/* WINTER */
section#menus-winter { padding: 25px; background-color: #f2f2f2; border-radius: 5px; }
section#menus-winter h2:first-child { margin-top: 0;}
section#menus-winter h4 { margin-bottom: 3px; font-family: 'Open Sans', sans-serif; }
section#menus-winter h2, h3 {color: #494752}
section#menus-winter h3 {color: #494752}

/* SUMMER */
section#menus-summer { padding: 25px; background-color: #f2f2f2; border-radius: 5px; }
section#menus-summer h2:first-child { margin-top: 0;}
section#menus-summer h4 { margin-bottom: 3px; font-family: 'Open Sans', sans-serif; }
section#menus-summer h2, h3 {color: #0d79bf}

/* SPRING */
section#menus-spring { padding: 25px; background-color: #f2f2f2; border-radius: 5px; }
section#menus-spring h2:first-child { margin-top: 0;}
section#menus-spring h4 { margin-bottom: 3px; font-family: 'Open Sans', sans-serif; }
section#menus-spring h2, h3 {color: #2e81b3}

.diningHours { margin: 20px 0 0 0; }
.diningHours ul { padding: 0; margin: 0; list-style-type: none }
.diningHours ul li { font-size: 90% }
.diningHours ul li span.service { font-size: 70%; text-transform: uppercase; font-weight: 600; }
.diningHours ul li span.hours { white-space: nowrap; }
.diningHours div.active { color: #0d79bf; }


/* FALL */
.diningHours-fall { margin: 20px 0 0 0; }
.diningHours-fall h3 {color:#981a32}
.diningHours-fall ul { padding: 0; margin: 0; list-style-type: none }
.diningHours-fall ul li { font-size: 90% }
.diningHours-fall ul li span.service { font-size: 70%; text-transform: uppercase; font-weight: 600; }
.diningHours-fall ul li span.hours { white-space: nowrap; }
.diningHours-fall div.active { color: #B24331; }


/* WINTER */
.diningHours-winter  { margin: 20px 0 0 0; }
.diningHours-winter ul { padding: 0; margin: 0; list-style-type: none }
.diningHours-winter ul li { font-size: 90% }
.diningHours-winter ul li span.service { font-size: 70%; text-transform: uppercase; font-weight: 600; }
.diningHours-winter ul li span.hours { white-space: nowrap; }
.diningHours-winter div.active { color: #87acb5; }
.diningHours-winter h3 {color: #494752}


/* SUMMER */
.diningHours-summer  { margin: 20px 0 0 0; }
.diningHours-summer ul { padding: 0; margin: 0; list-style-type: none }
.diningHours-summer ul li { font-size: 90% }
.diningHours-summer ul li span.service { font-size: 70%; text-transform: uppercase; font-weight: 600; }
.diningHours-summer ul li span.hours { white-space: nowrap; }
.diningHours-summer div.active { color: #6DAFA1 ; }
.diningHours-summer h3 {color: #256B61}



@media only screen and (max-width: 120px) {
 div.hero img.logo { height: 200px;  } 
 article img.photo { max-width: calc(100% - 70%); border: 15px white solid;}
  #contents h2:after { content: url(https://news.uselessbaygolf.com/hubfs/bars-solid.svg); fill: #1d4895;
  position: absolute; display: block; margin: auto; background-size: 20px 20px; height: 20px; width: 20px; right: 23px; top: 23px;}
  #contents ul.nav { display: none; }
  #contents ul.nav.open { display: block; }
  #boilerPlate section#hours ul, #boilerPlate section#directory ul { font-size: 100%; }
  section#members ul.rules li { font-size: 1em;  }

}
@media only screen and (max-width: 500px) {
  .double-pic {flex-direction:column!important}
.remove {display:none}
   .two-col {flex-direction:column!important}
.two-col .img {max-width: 100%!important;width:90%!important; margin-top:20px}
}

td.extra {
    min-width: 105px;
    border-right: 2px solid;
}

table.leaderboard {
    border-spacing: 0;
}


.UTS h1 span, .UTS h1 {
  color:#00370F!important;
}

.UTS h2, .UTS h3 {
  color:#3c8e22!important;
}

.UTS #contents {
  background-color:#d3d3d3!important;
  border: 2px solid #1a3d20!important;
 
 

}

.UTS #contents ul.nav li a.active, .UTS #contents ul.nav li a:hover {
  background-color:#FFF!important;
}

.UTS #contents a {
  color:#1a3d20!important;
  border-bottom:1px solid #1a3d20!important;
}

.cta_button_custom {
  -webkit-font-smoothing: antialiased !important;
    cursor: pointer !important;
    -moz-user-select: none !important;
    -webkit-user-select: none !important;
    -o-user-select: none !important;
    user-select: none !important;
    display: inline-block !important;
    font-weight: normal !important;
    text-align: center !important;
    text-decoration: none !important;
    -moz-transition: all .4s ease !important;
    -webkit-transition: all .4s ease !important;
    -o-transition: all .4s ease !important;
    background: rgb(60,142,34) !important;
    border-radius: 6px !important;
    border-width: 0px !important;
    color: rgb(255,255,255) !important;
    font-family: sans-serif !important;
    height: auto !important;
    transition: all .4s ease !important;
    padding: 6px 18px !important;
    text-shadow: none !important;
    width: auto !important;
    font-size: 15px !important;
    line-height: 1.5em !important;
}

.app-modal-container li {
    list-style-type: none;
    padding-bottom: 10px;
    border-bottom: 1px solid #000;
    margin-bottom: 10px;
}

.app-modal-container li a {
  color:#033710;
  text-decoration:none;
  font-weight:bold;
}

button#closeModalList {
    background: #FFF;
    border: none;
    font-size: 32pt;
    margin: -25px 0 0 -30px;
}

.hs-content-id-45086768269 .leaderboard tr td:nth-child(3), .hs-content-id-45086768269 .leaderboard tr td:nth-child(4) {
  display:none;
}




@media (max-width: 1000px) {
  .double-pic {flex-direction:column!important}
.remove {display:none}

}