/* ================   RESET HTML   ==================================*/
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video { border: 0; font-size: 100%; font: inherit; vertical-align: baseline; margin: 0; padding: 0; }
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section { display: block; }

/* ================   RESET HTML   ==================================*/
@font-face {
  font-family: 'ggcfont';
  src:  url('../static/fonts/ggcfont.eot?3x5jjz');
  src:  url('../static/fonts/ggcfont.eot?3x5jjz#iefix') format('embedded-opentype'),
    url('../static/fonts/ggcfont.ttf?3x5jjz') format('truetype'),
    url('../static/fonts/ggcfont.woff?3x5jjz') format('woff'),
    url('../static/fonts/ggcfont.svg?3x5jjz#ggcmainfont') format('svg');
  font-weight: normal;
  font-style: normal;
}

[class^="icon-"], [class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'ggcfont' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-google:before {
  content: "\ea88";
}
.icon-google-plus:before {
  content: "\ea8b";
}
.icon-facebook:before {
  content: "\ea91";
}
.icon-instagram:before {
  content: "\ea92";
}
.icon-twitter:before {
  content: "\ea96";
}
.icon-youtube:before {
  content: "\ea9d";
}
.icon-pinterest:before {
  content: "\ead1";
}

sup {
    vertical-align: super;
    font-size: smaller;
    color:teal;
}
/* ===================================================================
        BASE ELEMENTS
/* =================================================================== */
*,*:before,*:after{box-sizing:border-box;}
body,html {margin:0;padding:0; }
body{
    -webkit-font-smoothing: antialiased;
    color: #000000;
    font-size: 100%;
    line-height: 23px;
    font-family: 'Open Sans', sans-serif;
    box-sizing: border-box;
    -webkit-transition: all .4s ease;
    -moz-transition: all .4s ease;
    transition: all .4s ease;
    -webkit-font-smoothing: antialiased;
    }
a {border: none;/* text-decoration: none; */color:inherit;}
a:focus {outline: none; }
a:hover {color: inherit; text-decoration: none;}
a {outline: 0;}

blockquote, .blockquote{border-top: 3px solid;padding-left: 18px;margin: 30px auto;font-style: italic;font-family: 'Georgia', Georgia, "Times New Roman", serif;font-size: 1.3rem;color: #A9A79E !important;line-height: 1.3em;border-bottom: 1px solid;width: 62%;text-align: center;letter-spacing: 1px;padding: 30px 0;}
blockquote strong,.blockquote strong {color: #35928f;display: block;/* width: 100%; *//* text-align: right; */}
img {max-width: 100%; height: auto;}
img.resp{width:100%; }
iframe{z-index: 0;}
ul ul,
ul ul ul {margin-left: 12px; }

ul#feed {
    background: #5B513F;
    padding: 24px;
    color: white;
}
#feed li img {
    width: 43%;
    margin: 0 auto;
    border-radius: 100%;
    height: 90px;
    width: 90px;
    margin-bottom: 20px;
    border: 4px solid #35928F;
}
ul#feed li.icon-facebook:before {
    /* float: left; */
    position: absolute;
}
ul#feed li{position:relative;}
ul#feed li a:hover{text-decoration:none;}
ul#feed li a{
    font-family:'Open Sans';
    font-size: .8rem;
    color:white;
    padding-left: 20px;
    line-height: 20px;
}
ul#feed li a button{
    background: transparent;
    width: 120px;
    display: block;
}
ul#feed li a:hover button{background-color:rgb(53, 146, 143); color:white; }
/*^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
        HELPERS
^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ */
#product button.btn {
    margin: 0 auto;
    display: block;
}
#product button.btn:hover {
    background:#fff;
    color:black;
    cursor:pointer;
}
.title {
    font-size: 2.7rem;
    margin-bottom: 1rem;
}
.alert {
    background: #f1554a;
    padding: 1rem;
    color: white;
    font-weight: 400;
    text-align: center;
}
div#dropdown {
    position: relative;
}

span#dropdown-btn {
    position: absolute;
    color: black;
    right: 10px;
    top: 10px;
}
.hide{display:none;}
hr {
    border: 1px solid #c2c2c269;
    background: transparent;
    height: 5px;
    text-align: center;
    border-right: 0;
    border-left: 0;
    margin: .4rem 0;
}
.small p {font-size: .6rem; }
.note-editor{min-height: 500px;}
.marg-10,[class*="icon-"].marg-10:before{margin-right:10px;display: inline-block;}
.white{color:white!important;}
.alignright{float:right;}
.alignleft{float:left;/* margin: 0 10px 10px 0; */}
.aligncenter{margin:0 auto; display: block;}
.textright{text-align: right;}
.center, .aligncenter, .grid0 [class*="col"].aligncenter{text-align: center;margin: 0 auto; display: block; }
small.meta {
    display: block;
    font-size: 11px;
    font-weight: 500;
    letter-spacing: .51px;
}

a.link:hover {
    text-decoration: underline;
}

a.link {
    font-size: .9rem;
    font-weight: 500;
}
ul.inline li {
    display: inline;
}
ul.inline li a{
    display:inline-block;
    padding:.4rem;
}
ul.social-sites li {
    list-style: none;
    color: white;
}
div#center {
    margin: 0 auto;
    display: block;
    text-align: center;
    float: none;
    background: white;
    border-radius: 7px;
}
div#sponsors {
    background-color: white;
    display: block;
    position: relative;
    padding: 3rem;
    padding-bottom: 6rem;
}
#sponsors h1{margin:1rem 0;color: #35928f; font-size:2rem;}
img,video,iframe{max-width: 100%;}
#bg-video{
    position: fixed;
    top:0;
    left:0;
    z-index: 0;
    overflow: hidden;
    height: 100%;
    width:100%;
    background: #2C1D35;
}
#bg-video video{
    position: absolute;
    top: 50%;
    left: 50%;
    min-height: 100%;
    min-width: 100%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    height: auto;
    background: black;
}

#bg-video .caption {
    position: relative;
    z-index: 99;
    width: 100%;
    margin: 0 auto;
    text-align: center;
    top: 16%;
    color: white;
    font-family: 'Playfair Display';
    text-shadow: 2px 1px 2px rgba(28, 28, 28, 0.68);
}
#bg-video a {
    padding: 10px 30px;
    display: block;
    color: white;
    width: 40%;
    margin: 0 auto;
    background: transparent;
    text-shadow: none;
    border: 1px solid #CCAF82;
    margin-bottom: 12px;
    text-transform: uppercase;
}
#bg-video a.alert {
    background: #CB2027;
    border-radius: 11px;
    border-color: transparent;
}
#bg-video a:hover{
    background:#CCAF82;
}
#bg-video .caption .meta.small {
    font-style: italic;
    color: rgba(205, 176, 131, 1.00);
    font-family: 'Playfair Display';
    letter-spacing: 0.1rem;
    font-size: .9rem;
}

#bg-video .caption .video-title {
    font-size: 3rem;
    color: rgba(255, 255, 255, 1.00);
    font-size: 70px;
    line-height: 2rem;
    font-weight: 400;
    font-style: normal;
    font-family: Playfair Display;
    padding: 0px 0px 0px 0px;
    text-decoration: none;
}

#bg-video .caption h2 {
    color: rgba(255, 255, 255, 1.00);
    font-size: 4rem;
    line-height: 60px;
    font-weight: 400;
    font-style: normal;
    font-family: Playfair Display;
    text-decoration: none;
}

#bg-video .caption:before,#bg-video .caption:after {content: '';position: relative;display: block;border-left: 1px solid rgba(205, 176, 131, 1.00);height: 70px;margin: 0 auto;width: 1px;}

.button, button, a, div, li {
    -webkit-transition: background-color ease .3s;
    -moz-transition: background-color ease .3s;
    transition: background-color ease .3s;
}
span.shade {
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 9;
background: rgba(255,255,255,0);
background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,0.27) 27%, rgba(40,40,40,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255,255,255,0)), color-stop(27%, rgba(255,255,255,0.27)), color-stop(100%, rgba(40,40,40,1)));
background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,0.27) 27%, rgba(40,40,40,1) 100%);
background: -o-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,0.27) 27%, rgba(40,40,40,1) 100%);
background: -ms-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,0.27) 27%, rgba(40,40,40,1) 100%);
background: linear-gradient(to bottom, rgba(255,255,255,0) 0%, rgba(255,255,255,0.27) 27%, rgba(40,40,40,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#282828', GradientType=0 );
}

code {
  font: 12px Monaco,"Courier New","DejaVu Sans Mono","Bitstream Vera Sans Mono",monospace;
  color: #52595d;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  border: 1px solid #ccc;
  background-color: #f9f9f9;
  padding: 2em!important;
  /* display: inline-block; */
  line-height: 2em;
  width: 70%;
  /*white-space: initial;*/
}
strong{font-weight: bold; }
.btn.black{
  background-color:black;
  color:white;
}
a.btn {
    background: white;
    padding: 1rem 2rem;
    color: #16181b;
    margin: 0 auto;
    font-family: 'Arvo', Georgia;
    transition: background-color 250ms linear, border-color 250ms linear, color 250ms linear;
}

.btn:hover a{ color:white!important; }
.btn:hover{background-color:rgb(0, 0, 0); color:white!important; }
.btn:before{position:relative; left: -10px;}

.sand .btn{border: 1px solid #dbd8ca; color:#fff;}
.sand .btn:hover{background-color:#dbd8ca; color:black;}

.teal .btn{border: 1px solid #58b1af; color:#fff;}
.teal .cta-caption .btn{border: 1px solid #58b1af; color:teal;}
.teal .btn:hover{background-color:#58b1af; color:white;}

.green .btn{border: 1px solid #fff; color:#fff;}
.green .cta-caption .btn{border: 1px solid; color:olive;}
.green .btn:hover{background-color: #868647;color: white;border-color: transparent;}
/*^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
        THE GRID
^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ */
section#content {
    /* min-height: 290px; */
    /* padding: 1rem 0; */
}
.wrapper{ max-width: 1100px; width: 91%;margin:0 auto;position: relative;}




.row,.section {clear: both; display:block; border:none!important; }
.section{padding: 44px;}
.row:after, .section:after {clear: both; display: table; content: ''; }

.test [class*="col"]:nth-child(odd){background-color: #ccc; }
.test [class*="col"]{background-color: #E5E5E5; color:black; min-height: 120px; margin-bottom:10px; }
.tight [class*="col"]{margin:0;width:25%;position: relative;}


[class*="col"]:last-child,.last{margin: 0; }
.grid3 [class*="col"],[class*="col"]{float: left; margin: 0 3% 0 0; }
.grid1 [class*="col"]{float: left; margin: 0 1% 0 0; }
.grid0 [class*="col"]{float: left;margin: 0;}

/*Based on 3% margin */
.grid3 .col1,.col1  { width: 5.578%; }
.grid3 .col2,.col2 { width: 14.16%; }
.grid3 .col3,.col3 { width: 22.75%; }
.grid3 .col4,.col4 { width: 31.33%; }
.grid3 .col5,.col5 { width: 39.5%; }
.grid3 .col6,.col6 { width: 48.5%; }
.grid3 .col7,.col7 { width: 57.5%; }
.grid3 .col8,.col8 { width: 65.6%; }
.grid3 .col9,.col9 { width: 74.2%; }
.grid3 .col10,.col10 { width: 82.8%; }
.grid3 .col11,.col11 { width: 91.4%; }
.grid3 .col12,.col12 { width: 100%; margin: 0; }

/*Based on 1% margin */
.grid1 .col1 {width: 7.33% }
.grid1 .col2 {width: 15.65% }
.grid1 .col3 {width: 24% }
.grid1 .col4 {width: 32.3% }
.grid1 .col5 {width: 37% }
.grid1 .col6 {width: 49% }
.grid1 .col7 {width: 61% }
.grid1 .col8 {width: 65.7% }
.grid1 .col9 {width: 74% }
.grid1 .col10 {width: 82.3% }
.grid1 .col11 {width: 90.6% }
.grid1 .col12 {width: 98.8%; margin: 0 }

/*Based on 0% margin */
.grid0 .col1 {width: 8.33%;}
.grid0 .col2 {width: 16.66%;}
.grid0 .col3 {width: 24.99%;}
.grid0 .col4 {width: 33.33%;}
.grid0 .col5 {width: 39.5% }
.grid0 .col6 {width: 50%;}
.grid0 .col7 {width: 60.5%;}
.grid0 .col8 {width: 66.6%;}
.grid0 .col9 {width: 75%;}
.grid0 .col10 {width: 83.3%;}
.grid0 .col11 {width: 91.6%;}
.grid0 .col12 {width: 99.8%; margin: 0 }

.col1 img, .col2 img, .col3 img, .col4 img, .col5 img, .col6 img, .col7 img, .col8 img, .col9 img, .col10 img, .col11 img, .col12 img {width: 100%;height: auto;display: block;}


.row.sponsors {
    background: white;
    padding: 2rem 0;
}


@media only screen and (max-width:960px){
.mobile-two [class*="col"].last{margin:0 1% 0 0;}
.mobile-two .col4,.mobile-two .col3 {width: 49%;float: left;}
.mobile-two.grid0 .col4 {width: 50%; float: left; }
.mobile-two.grid1 .col4,.mobile-two.grid1 .col3 {width: 49%;float:left;}
#footer .address,#footer [class*="col"]{width:100%;}
#footer{text-align:center;}
#footer a.hdr-logo-link img {
    margin: 0 auto;
    width: 50%;
    text-align: center;
    display: block;
    float: none;
}

#footer h1.hdr-logo, .address dl {
    width: 100%;
}

}
@media only screen and (max-width:600px){
.mobile-two[class*="grid"] [class*="col"],.mobile-two [class*="col"]{width:100%;float:none;}
.address dl { float: left;}

}
/*^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
        THE MENU
^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ */
#dropdown label {/* background-color: #900F0F; */border: 1px solid #ccc;border-radius: 6px;cursor:pointer;display:inline-block;left:0;margin-bottom:1rem;padding:.865rem .865rem .865rem 2.7rem;position:relative;top:0;/* width: 100%; */overflow: hidden;}
#dropdown label::before {
    background: #CFCCB6;
    content: '';
    display: block;
    height: 100%;
    width: 40px;
    position: absolute;
    left: 0;
    top: 0;
}
#dropdown label span {display: block; }
#dropdown label::after {background:transparent;border:2px solid #333;border-right:none;border-top:none;content:"";height:6px;left:17px;opacity:.25;position:absolute;top:22px;transform:rotate(-45deg);transition:opacity 100ms ease-in;width:12px;}
#dropdown input[type="radio"] + label::after {background:#ffffff;border-radius:100%;content:"";height:14px;left:16px;opacity:.25;position:absolute;top:19px;transition:opacity 100ms ease-in;width:14px;border: 0;}
#dropdown label:hover::after,
#dropdown input[type="radio"] + label:hover::after { opacity:.5; }
#dropdown input[type="checkbox"]:checked + label::after,
#dropdown input[type="radio"]:checked + label::after {opacity:1;border-color: #ffffff;}
#dropdown input[type="checkbox"]:checked + label::before,
#dropdown input[type="radio"]:checked + label::before{background: #35928F; }
#dropdown input[type="checkbox"],
#dropdown input[type="radio"]{ display:none; }
#gift-type label,label#make-tribute {width: 100%; }


/*^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
        THE MENU
^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ */
#ggcmain .header ul.menu li {text-align:left;color: #ffffff;}
#ggcmain .header ul.menu li a{min-width:110px;text-decoration:none;}
#ggcmain .header ul.menu b{display:block;color: #ffffff;margin-bottom:0;font-size: 20px;line-height: 24px;}
#ggcmain .header ul.menu li:hover b,#ggcmain .header ul.menu li.active b{color:white;}

ul.menu li {display: inline; }
ul.menu li > a{display:block;padding: 15px;}
ul.menu li:hover ul,
ul.menu ul li:hover ul{display:block;}
ul.menu ul li a {text-decoration:none;padding-left: 20px; display:block; }
ul.menu ul {display: none; background-color: #F0F0F0; }
ul.menu ul ul {display: none; background-color: #FCFFFF; }
ul.menu li:hover > a,ul.menu li.active > a {background-color: #6ebddb;color: white;}
ul.menu ul ul li a {padding-left: 30px; }

ul.menu.inline li a{display:inline-block;}
ul.pagination li a.active {background: #4BD4FF; color: white; }


@media only screen and (max-width:600px){
#ggcmain nav#nav-main li a b{font-size: 130%}
#ggcmain nav#nav-main li a {
    font-size: 71%;
    padding: 2px;
    min-width: 61px;
}

#ggcmain nav#nav-main {
    text-align: center;
    float: none;
    width: 100%;
}
#ggcmain nav#nav-main ul.menu{text-align:center;}
#ggcmain nav#nav-main ul.menu a{padding:.8rem;}
#ggcmain .home-cards .card .card-image img{position:relative;}

}



section.home-cards {
    background: #20375c;
    padding: 2rem;
}

section.home-cards .card {
    border: none;
    /* background-color:#182945; */
    text-align:center;
    color:white;
    min-height: 250px;
}

section.home-cards .card a{
    text-decoration:none;
}
section.home-cards .card .card-image{
    position:relative;
    overflow:hidden;
}
section.home-cards .card .card-image img{
    position:absolute;
}

/* colors */
.sand{
  background-color:#8f6a59;
}
.earth{
  background-color:#453f18;
}
.water{
  background-color:#1c47b0;
}
.sky{
  background-color:#24b0f1;
}

/*^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
        TYPOGRAPHY SETTINGS
^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ */
button.btn {
    padding: 12px 20px;
    border: none;
    background: #CB2027;
    color: white;
    margin: 30px 0;display: inline-block;
}
button.btn:hover{background: teal; }
p.callout{
    font-size: 1.5625rem;
    line-height: 1.6;
    font-family: "Georgia",Georgia,Times,"Times New Roman",serif;
    color: #39150f;
    margin-bottom: 2.3125rem;
}

.tight [class*="col"]:hover .overlay{opacity: 1;}
.overlay {position: absolute;width: 100%;height: 100%;background-color: rgba(14, 22, 25, 0.54);/* border-bottom:3px solid rgb(0, 239, 255); */opacity: 1;filter: alpha(opacity=0);-webkit-transition: opacity 0.25s ease-in-out;transition: opacity 0.25s ease-in-out;z-index: 2;top: 0;left: 0;right: 0;bottom: 0;}

.event-listing li.expired {
    opacity: .4;
}

.card-footer a {
    font-weight: 600;
    color: #1e85be;
}
.card{
    border:1px solid #ccc;
    border-radius:4px;
    margin:1rem;
    min-height: 420px;
    position: relative;
}
.card .card-title {
    font-size: 1.2rem;
    margin-bottom: 0;
    min-height: 60px;
}
.card .card-body{padding:1rem 1rem 0 1rem;}
.card .card-footer{padding: 1rem;position: absolute;bottom: 0;}
.card .card-body p{line-height: 19px;font-family: 'Open Sans', Arial;font-size: 14px;}
.card .card-image{
    background-color: #ebebeb;
    display:block;
    min-height:180px;
}
.card .title{
    text-align:center;
}
.card .card-image.cropped{overflow:hidden;height:60px;position: relative;display:block;}
.card .card-image.cropped img{
  position:absolute;
  z-index: 0;
}
/*^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
        TYPOGRAPHY SETTINGS
^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ */

h1,
h2,
h3,
h4,
h5,
h6,
p,
ul,
ol,
hr {
position: relative;
font-size: inherit;
line-height: normal;
}

h1, h2, h3, h4, b {
    font-weight: 200;
    font-family: 'Arvo',Georgia, serif;
    /* margin: 0 0 30px 0; */
    line-height: 1.6em;
    text-transform: capitalize;
}
h1 {font-size: 22px;}
h2 {
    font-size: 28px;
    margin-top: 0;
}
b {
    font-weight: 500;
    font-size: 16px;
    color: #c3522f;
}

p {color: #000;line-height: 1.9em;font-weight: normal;padding-top: 10px;font-size: 1.1rem;font-family: 'Open Sans';}
p.split2,.split2 {
     -webkit-column-count: 2;
     -moz-column-count: 2;
     column-count: 2;
     -webkit-column-rule-color: #4D4D4D; /* Chrome, Safari, Opera */
     -moz-column-rule-color: #4D4D4D;
     column-rule-color: #4D4D4D;
     -webkit-column-rule-style: solid; /* Chrome, Safari, Opera */
     -moz-column-rule-style: solid;
     column-rule-style: solid;
     -webkit-column-rule-width: 1px; /* Chrome, Safari, Opera */
     -moz-column-rule-width: 1px;
     column-rule-width: 1px;
     -webkit-column-gap: 40px;
     -moz-column-gap: 40px;
     column-gap: 40px;
}
p.split3,.split3 {
     -webkit-column-count: 3;
     -moz-column-count: 3;
     column-count: 3;
     -webkit-column-rule-color: #4D4D4D; /* Chrome, Safari, Opera */
     -moz-column-rule-color: #4D4D4D;
     column-rule-color: #4D4D4D;
     -webkit-column-rule-style: solid; /* Chrome, Safari, Opera */
     -moz-column-rule-style: solid;
     column-rule-style: solid;
     -webkit-column-rule-width: 1px; /* Chrome, Safari, Opera */
     -moz-column-rule-width: 1px;
     column-rule-width: 1px;
     -webkit-column-gap: 40px;
     -moz-column-gap: 40px;
     column-gap: 40px;
}
@media screen and (max-width: 600px) {
  .split3,.split2{column-count: initial;}
}
.firstcharacter,
p.dropcap:first-letter {
float: left;
color: #35928F;
font-size: 75px;
line-height: 60px;
padding-top: 4px;
padding-right: 8px;
padding-left: 3px;
font-family: Georgia; }

@media only screen and (max-width:600px){
    blockquote, .blockquote{font-size:1rem;width:100%;}
    p.split2{
        -webkit-column-count: 1;
     -moz-column-count: 1;
     column-count: 1;
     }
}

/*^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
        LIST SETTINGS
^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ */

#single ul,#single ul li{
    list-style:inherit;
    padding:1em 0;
    color:black;
}
#content ul{padding-left: 1em;margin-bottom:10px;}

ul,ul li{list-style-position: inside;/* list-style: none; */letter-spacing: 0px;font-size: 14px;}
ul.plain{list-style: none;padding-left:15px;}
ol li{list-style-position: inside;}
ol{margin-bottom:10px;}
ul.links-list li:hover a{/* text-decoration: underline; */}
ul.links-list a {color: inherit;}
ul.links-list li{
    padding:12px;
    font-weight: 600;
    list-style: none;
}
ul.links-list li h1{margin:0;font-size:1rem;}

ul.social {
    /* text-align: center; */
    display: block;
    position: relative;
    margin-top: 20px;
}
ul.social li {display: inline-block; margin-right: 10px;}
ul.social li a {background: white; padding: 10px; border-radius: 100%;}
ul.social li:hover a {color: #35928F;}
#feed p {
    font-size: 1em;
    line-height: 16px;
    padding: 0;
}
#feed li a {text-align: center; }
#feed h3 {margin: 10px 0; }
ul.gallery li {display: inline-block;}
ul.gallery li:hover a{background-color:white;}
ul.gallery li a {
    padding: 10px;
    background-color: #B4B1A3;
    display: block;
}
ul.gallery img{height:100px;width:100px}
/*^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
        FORM SETTINGS
^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ */
.grouped-fields,.field{position: relative;}
form {
margin: 0 0 20px;
}

fieldset {
padding: 0;
margin: 0;
border: 0;
}

legend {
display: block;
width: 100%;
padding: 0;
margin-bottom: 20px;
font-size: 21px;
line-height: 40px;
color: #333333;
border: 0;
border-bottom: 1px solid #e5e5e5;
}

legend small {
font-size: 15px;
color: #999999;
}

label,
input,
button,
select,
textarea {
font-size: 14px;
font-weight: normal;
line-height: 20px;
}

input,
button,
select,
textarea {
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}

label {
/*display: block;*/
margin-bottom: 5px;
}

select,
textarea,
input[type="text"],
input[type="password"],
input[type="datetime"],
input[type="datetime-local"],
input[type="date"],
input[type="month"],
input[type="time"],
input[type="week"],
input[type="number"],
input[type="email"],
input[type="url"],
input[type="search"],
input[type="tel"],
input[type="color"],
.uneditable-input {
width:100%;
display: inline-block;
height: 30px;
padding: 4px 6px;
margin-bottom: 10px;
font-size: 14px;
line-height: 20px;
color: #555555;
vertical-align: middle;
-webkit-border-radius: 4px;
 -moz-border-radius: 4px;
      border-radius: 4px;
}



textarea {
height: auto;
}
select,
textarea,
input[type="text"],
input[type="password"],
input[type="datetime"],
input[type="datetime-local"],
input[type="date"],
input[type="month"],
input[type="time"],
input[type="week"],
input[type="number"],
input[type="email"],
input[type="url"],
input[type="search"],
input[type="tel"],
input[type="color"],
.uneditable-input {
/*background-color: #e9e9e9;*/
border: 1px solid #cececf;
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
 -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
      box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
-webkit-transition: border linear 0.2s, box-shadow linear 0.2s;
 -moz-transition: border linear 0.2s, box-shadow linear 0.2s;
   -o-transition: border linear 0.2s, box-shadow linear 0.2s;
      transition: border linear 0.2s, box-shadow linear 0.2s;
}

textarea:focus,
input[type="text"]:focus,
input[type="password"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="time"]:focus,
input[type="week"]:focus,
input[type="number"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
input[type="color"]:focus,
.uneditable-input:focus {
border-color: rgba(82, 168, 236, 0.8);
outline: 0;
outline: thin dotted \9;
/* IE6-9 */

-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);
 -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);
      box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);
}

input[type="radio"],
input[type="checkbox"] {
margin: 4px 0 0;
margin-top: 1px \9;
*margin-top: 0;
line-height: normal;
}

input[type="file"],
input[type="image"],
input[type="submit"],
input[type="reset"],
input[type="button"],
input[type="radio"],
input[type="checkbox"] {
width: auto;
cursor: pointer;
}

select,
input[type="file"] {
height: 30px;
/* In IE7, the height of the select element cannot be changed by height, only font-size */

*margin-top: 4px;
/* For IE7, add top margin to align select with labels */

line-height: 30px;
}

select {border: 1px solid #cfd0d0;line-height: normal;/* -webkit-appearance: none; */-moz-appearance: none;appearance: none;}

select[multiple],
select[size] {
height: auto;
}

select:focus,
input[type="file"]:focus,
input[type="radio"]:focus,
input[type="checkbox"]:focus {
outline: thin dotted #333;
outline: 5px auto -webkit-focus-ring-color;
outline-offset: -2px;
}

/*^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
TABLES
^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ */
table{
border-collapse: collapse;
width: 100%;}
table.striped {
border: 1px solid #ccc;
border-radius:8px 8px 0 0;
overflow:hidden;
border-spacing: 0;
}

table.striped thead td{background-color:#ddd; padding:9px; color:black;}
table.striped>tbody>tr>td:last-child{border-right:none;}
table.striped>tbody>tr>td{
padding: 9px;
margin:0;
line-height: 1.42857143;
vertical-align: top;
border-top: 1px solid #ddd;
border-right: 1px solid #ddd;
/* display: block; */}
table.striped tr {background-color: antiquewhite; width: 100%; }
table.striped tr:nth-child(2n) {background-color: aliceblue; }

.table {
    display: table;
    width: 100%;
}
.table-cell img {
    max-width: 240px;
    width: 230px;
}
.table-cell {
    display: table-cell;
    vertical-align: top;
    padding: 1rem;
}

.dark-section {
    background-color: #182945;
    color: white;
    padding: 2rem;
}

.dark-section p{
    color:white;
}

/*^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
        BODY ELEMENTS
^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ */

.events-cta .event {
    background: white;
    display: block;
    margin-bottom: 1rem;
}

.events-cta {
    background: #edeee6;
    padding: 2rem;
}
.event-title a{text-decoration:none;}
.event-title{padding:0 2rem;}
.event-date {
    padding: 1rem;
    background-color: #3961a4;
    color: white;
    text-align:center;
    min-width: 64px;
}
.events-cta .event-date .month {
    display: block;
}
.events-cta .event-title h3 {
    font-size: 1rem;
    color: #3961a4;
    margin: 0;
    /* text-overflow: ellipsis; */
/*     max-width: 353px; */
/*     white-space: pre; */
    overflow: hidden;
    display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.events-cta .event-title h3:hover{
  text-decoration:underline;
}
/*^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
        HERO ELEMENTS
^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ */
body.home #hero{height: 495px;}
#hero {position: relative;z-index: 1;overflow: hidden;top: 0;background-color: #182945;background-repeat: no-repeat;background-size: cover;background-position: center;bottom: 0;color: white;min-height: 300px;}
#hero .hero-caption h1{font-size: 2.7rem;max-width: 517px;line-height: 54px;margin-bottom: 0;}
#hero .hero-caption h3{font-size: 1.5rem;font-family: 'Open Sans',arial;color: #a0ce4e;max-width: 514px;font-weight: 500;}
#hero .hero-caption {
    padding-top: 4rem;
}
@media screen and (max-width: 1100px) {
    #hero h1.page-title{font-size: 2.7rem;}
    #hero h2.page-caption{font-size: 1.5rem;}
}
/*^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
        BODY ELEMENTS
^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ */
.logo {
    z-index: 999;
    position: absolute;
    top: 0;
    left: 0px;
    /* background: #DB790B; */
    padding: 6px 30px;
    display: none;
}
.logo img {display: block;/* width: 170px; */}

#body {padding-bottom:100px;background: #282828;min-height: 584px;}
div#body.home {
    padding-bottom: 0;
    height: 720px;
}

#main-content.wrapper:after {content: '';background: rgba(160, 160, 58, 0.45);width: 25%;height: 100%;top: 0;right: 0;bottom: 0;position: absolute;z-index: 0;}

#main-content.wrapper {
    position: relative;
    overflow: hidden;
}


/* CALL TO ACTION */
.main-cta {
    background-color: #ffffff;
    padding: 2rem;
    color: #777;
    display: block;
    width: 100%;
    border-top: 1px solid #777;
    overflow: hidden;
}
.main-cta a.table-cell.cta-link {
    border-right: 1px solid;
}
.main-cta a.table-cell.cta-link:last-child {
    border-right: none;
}
.main-cta .cta-link{text-decoration:none;text-align: center;}
.main-cta .cta-link:first-child{padding-left:0;border-right: 2px solid white;}
.main-cta .cta-link h1 span{font-size: 2rem;}
.main-cta .cta-link h1{font-size: 1.3rem;margin: 0;}
.main-cta .cta-link:hover h1 span{text-decoration:underline;}
.main-cta .btn{
        display: block;
        text-align: center;
        font-size: 1.2rem;
        box-shadow: 0px 7px 16px #0000007d;
}
.cta-title {
    padding: 50px;
    color: white;
}
.cta-title h2 {
    color: white;
    text-transform: uppercase;
    font-family: 'Arvo';
    font-weight: 100;
    text-shadow:none;
    margin: 0;
    line-height: inherit;
}
.cta-title p {
    padding: 0;
}
.cta-caption {
    /* padding: 30px; */
    /* background: white; */
    /* min-height: 300px; */
}
.cta-caption h1:before {
    color: inherit;
    padding-right: 12px;
}
.cta-caption h1{
    margin: 0;
    color: #272727;
    font-weight: normal;
    font-family: 'Arvo', sans-serif;
    -webkit-font-smoothing: antialiased;
    font-size: 1rem;
    text-transform: uppercase;
    padding: 5px 0 15px 0;
    font-size: 2rem;
}
.cta-caption h3{
    font-size:1.3em;
    padding: 0;
    margin:0;
    font-weight:500;
    font-family:'Open Sans',arial;
}

@media only screen and (max-width:600px){
  .main-cta a.table-cell.cta-link{border:none;margin-bottom:2rem}
  .main-cta .cta-link:first-child{border: transparent;padding: 0;}
  .table .table-cell.cta-link{display:block;width:100%;border: none;text-align: center;padding: 0;}
  .table-cell{width:100%; display:block;}
}
.gallery-cta {
    padding: 2rem 0;
}
.gallery-image:hover{
  border: 3px solid rgb(0, 0, 0);
}
.gallery-image {
    margin: .3rem;
    display: inline-block;
    width: 113px;
    position:relative;
    border: 3px solid transparent;
    transition:all ease-in .3s;

}
.gallery-image:before{
    content:'';
    background: #0000003b;
    z-index:9;
    width:100%;
    height:100%;
    display:block;
    top:0;
    position: absolute;
    opacity:0;
    transition:opacity ease-in .3s;
}
.gallery-image:hover:before{
    transition:opacity ease-in .3s;
    opacity:1;

}
p.meta {
    font-weight: 400;
    font-size: .8rem;
}
#ggcmain #tribe-events-content a{font-weight: bold;}
.article #content{padding-bottom:150px;}
#mast-head {
    z-index: 999;
    position: relative;
}
#mast-head h1.logo {
    margin: 0;
    padding: 11px;
    font-weight: 500;
    font-size: 18px;
    color: rgb(255, 86, 75);
}

#credits {
    padding: 10px;
    background: #403A2D;
    color: #80725A;
    z-index: 1;
    position: relative;
}
#footer a{text-decoration:none;}
#footer {
    background: #20375c;
    /* padding: 84px 0; */
    color: #7c7e73;
    z-index: 1;
    position: relative;
}
#footer p {
    color: #ffffff;
    font-size: .9em;
    padding: 0;
}
#footer h1 {
    margin-bottom: 15px;
    /* text-align: center; */
    color: white;
    display: block;
}
#footer .footer-siteinfo {
    padding: 1rem;
}
#footer .footer-credits {
    padding: 1rem 0;
    background: rgba(0, 0, 0, 0.2);
    color: white;
}
.site-description {
    color: white;
    padding: 1rem 0;
}

#footer .address {
    color: white;
    padding: 1rem 0;
}

.footer-logo h1.hdr-logo {
    width: 193px;
    font-size: 20px;
    color: white;
}
.footer-logo h1.hdr-logo span{color:white;}


#facebookfeed ul li {
    display: inline-block;
    margin-bottom: 12px;
}

#facebookfeed ul li a {
    display: block;
    /* background: white; */
    padding: 20px;
    font-size: .9rem;
}

#footer h1.block-title,h1.block-title {
    /* background: teal; */
    color: white;
    padding: 1rem;
    margin: 0;
}

.article #hero .hero-caption{width: 100%;}

h3.page-subtitle {
    font-size: 1.4rem;
    margin: 0;
}



#content-body.dark {color: #8B8A83;}
#content-body.dark h1.page-title{color: #FFFFFF;}

#contents {
    padding: 60px;
    position: relative;
}
#contents a {
    color: inherit;
    font-size: 1rem;
    font-style: italic;
    /*text-transform: lowercase;*/
}

section#hero img {
    display: block;
    width: 100%;
    position: absolute;
    opacity: .5;
    top: -5rem;
}

/* SIDEBAR  */
#sidebar {color: #FFFFFF;z-index: 1;position:relative;margin-top: -110px;border: 1px solid #ccc;border-radius: 4px;min-height: 300px;}

#sidebar .cta {
    background: #748e44;
    padding: 2rem;
}

#sidebar .cta .btn {
    display: block;
    margin: 0 auto;
    width: 170px;
    text-align: center;
    font-weight: 400;
    font-size: 1.3rem;
    padding: .4rem 2rem;
    margin-top: 1rem;
}

#sidebar .cta h2 {
    margin: 0;
    font-size: 34px;
    line-height: 40px;
}

#sidebar .cta p {
    color: white;
    padding: 0;
}
#sidebar .menu li {
    color: black;
    font-family: 'Arvo',Arial;
}
#sidebar .menu li:hover a{background:transparent;color:#748e44;}
#sidebar .menu li a{
    border-bottom:1px solid #e2e2e2;
    padding-left:0px;
}
#sidebar .menu {padding: 2rem;}
/*  */

ul.widget-links {
    position: relative;
    margin: 0;
    text-align: center;
    z-index: 0;
}
ul.widget-links li:hover a,
ul.widget-links li.active a{
    color: #ECE9D5;
    padding-left:14px;
}
ul.widget-links li:hover a:before,
ul.widget-links li.active a:before{
    content:'-';
    position:absolute;
    left:0;
}
ul.widget-links li {list-style:none;}
ul.widget-links li a{display:block;padding:10px 0;color: rgba(255, 255, 255, 0.57);-webkit-transition: all ease .3s;-moz-transition: all ease .3s;transition: all ease .3s;text-transform: capitalize;}


#ggcmain .header {
    background-color: #182945;
}
#header .caption h4, #header .caption h1 {
    color: rgb(69, 98, 109);
    font-size: 1rem;
    line-height: 1rem;
}

#header.fixedtop {
    background-color: rgba(40, 40, 40, 0.6);
    position: fixed;
    display: inline-block;
    width: 100%;
    height: 78px;
    top: 0;
    z-index: 99;
    border-bottom: 1px solid rgba(255, 255, 255, 0.34);
}
#header.solid{background-color: #35928f;border: none;}
a.hdr-logo-link {
    padding: 3px 0 0;
    display: block;
    float: left;
}
.hdr-logo-link img {
    float: left;
    width: 65px;
    padding: 4px;
}


h1.hdr-logo {
    margin: 0;
    font-size: 25px;
    line-height: 21px;
    margin-top: 13px;
    color: white;
}
h1.hdr-logo span{font-size:12px;color: #aaf2aa;display: block;}
.footer-siteinfo h1.hdr-logo span{color:white;}
.footer-siteinfo h1.hdr-logo{margin:0;}
.footer-siteinfo .hdr-logo-link img{
    width: 160px;
}

.featured-image {position: relative;margin-top: -460px;display: none;}

/*  LAYOUTS */
.article #hero .hero-caption{/* background-color: rgba(40, 40, 40, 0.9); *//* border-top: 3px solid white; *//* padding-top: 40px; */}
.article #sidebar{position:relative;}
.article #contents{padding-bottom:190px;}


.split #contents{/* margin-left: 23%; *//* padding: 0 0 90px 0; */background: white;}
#contents a{color: #35928F;text-decoration: none;}
#contents a:hover{text-decoration: underline;}


/* LAYOUTS */
#navigation ul.mainmenu li.logo {width:220px;display:inline-block;}
#navigation ul.mainmenu li.logo a{padding:0;width: 177px;margin: 0px 21px;position:absolute;top: -41px;left: 0;}
#navigation ul.mainmenu li.logo:hover a,#navigation ul.mainmenu > li.logo a.active{background:transparent;}
#navigation ul.mainmenu > li.logo a:before{
    top: 20px;
    right: -23px;
}
#navigation ul.mainmenu li span{display:none;}
#navigation ul.mainmenu {margin:0;padding:0;font-size:0;}
#navigation ul.mainmenu > li {display: inline;padding:0;position:relative;}
#navigation ul.mainmenu > li a {color: #FFFFFF;text-decoration: none;text-transform: capitalize;font-size: 16px;/* font-weight: 600; */display: inline-block;padding: 28px;}
#navigation ul.mainmenu > li a:before {content: '';height: 36px;width: 10px;position: absolute;display: block;border-right: 1px solid rgba(204, 204, 204, 0.19);right: 0;top: -20px;}
#navigation ul.mainmenu > li:last-child a:before,#navigation ul.mainmenu ul > li a:before {border: none;}
#navigation ul.mainmenu li:hover > a, #navigation ul.mainmenu li > a.active{background-color: rgba(43, 119, 116, 0.75);color: #ECECEA;}
#navigation ul.mainmenu > li.active a,#navigation ul.mainmenu > li.selected a {background: #FF564B; color: white; }
#navigation ul.mainmenu li:hover ul {display:block;}
#navigation ul.mainmenu ul {position: absolute;background-color: #234E4D;margin:0;padding:0;width: 300px;display: none;z-index: 800;left: 0;text-align: left;right: 0;}
#navigation ul.mainmenu > li:last-child:hover ul{text-align: right;right:0;left:auto;}
#navigation ul.mainmenu ul > li a {display:inline-block; width:100%; }
#navigation ul.mainmenu ul li > a {
    padding: 12px;
    display: block;
    width: 100%;
}
#navigation ul.mainmenu ul li{display:inline;}
#navigation.megamenu ul.mainmenu ul {width: 100%;position: fixed;}
#navigation.megamenu ul.mainmenu ul > li {float: right;width: 30%;}
#navigation.megamenu ul.mainmenu ul{padding: 30px 40px;}
#navigation.megamenu ul.mainmenu ul ul{display:block;position:relative;padding: 0px;}
#navigation.megamenu ul.mainmenu ul ul >li{float:none;display:block;width: 100%;}
#navigation.megamenu ul.mainmenu ul > li a{padding:10px 0; }
#navigation.megamenu ul.mainmenu ul ul >li a{padding:10px 0; }

#navigation ul.mainmenu > li > a{
    font-size: 18px;
    line-height:normal;
    font-weight: 400;
    font-family: 'Georgia',serif!important;
    font-family: 'Arvo',serif!important;
}



/* SIDE MENU STYLES */
#mast-head.sidenav  {
z-index: 900;
position: fixed;
background-color: #121d21;
 top: 0;
 bottom: 0;
height: 100%;
}
#mast-head.fixed {
    position: fixed;
    left: 0;
    right: 0;
    z-index: 99;
}
.sidenav #navigation {
background-color: #445E68;
position: relative;
top: 0;
bottom: 0;
height: 100%;
width: 110px;
overflow: hidden;
}
.sidenav #navigation ul {
margin: 0;
padding: 0;
}
.sidenav #navigation ul ul {
position: fixed;
background-color: #9AC0CE;
margin: 0;
padding: 0;
z-index: 0;
overflow: hidden;
/* left value must be same as conatiner width */
left: 110px;
height: 100%;
width:0;
top: 0;
bottom: 0;
}
.sidenav #navigation li {
display: inline;
padding: 0;
}
.sidenav #navigation li a {
color: white;
text-decoration: none;
display: block;
padding: 15px;
}
.sidenav #navigation ul li:hover ul {
display: block;
width:200px;
}
.sidenav #container {
width: 900px;
margin: 0 auto;
margin-left: 120px;
}

#mobilebuttons{display: none;}
.pagination {display: block;padding-left: 0;margin: 0 auto;border-radius: 4px;width: 100%;text-align: center;}
.pagination li {display: inline;}
.pagination>li>a, .pagination>li>span {color:white;position: relative;display: inline-block;padding: 6px 12px;margin-left: -1px;line-height: 1.42857143;text-decoration: none;background-color: #5B513F;}
#contents .pagination>li>a{color:white;border-radius: 0 0 5px 5px;padding-bottom: 12px;}

#centerpiece {
    min-height: 100px;
    z-index: 2;
    position: relative;
    background: #A0A03A;
}
#centerpiece .logo {
    position: relative;
    padding: 0;
    width: 220px;
    margin: 0px 4%;
    z-index: 0;
    background: transparent;
}
#centerpiece ul li{
    display:inline-block;
    font-size: 2.2rem;
    font-family: 'Arvo';
    color: white;
    text-transform:uppercase;
    letter-spacing: 1px;
    font-weight: 100;
    padding: 20px;
    text-shadow: -2px 2px 4px rgba(0, 0, 0, 0.28);
}
#centerpiece ul li:hover{background-color: #CECE42;}
#centerpiece li span{
    font-size: 1rem;
    display:block;
    text-transform: capitalize;
    font-weight: 100;
}
#centerpiece .logo img{
  width:100%;
  position: absolute;
  top: -136px;
}


div#single {
    background: white;
    padding: 30px;
    margin-top: -90px;
    z-index: 3;
    position: relative;
}


.share-button p{text-align:center;margin-bottom:1em;}
.share-button ul {
    text-align: center;
}
.share-button a:hover{text-decoration:none;}
.share-button a{font-size:1em;padding:1em;font-style: initial!important;}
/*^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
            FORM styles
^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ */
select.form-control {
    width: 100%;
    outline: 0;
    padding: 0 15px;
    margin: 0;
    height: 40px;
    line-height: 40px;
    border: 1px solid #e1e1e1;
    background-color: #fff;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
    border-radius: 0;
}
.classic p {
    font-family: 'Georgia', serif;
    font-size: 17px;
    -webkit-font-smoothing: antialiased;
    line-height: 28px;
}
.classic h1 {
    margin-top: 0;
    font-family: Georgia, serif;
    font-size: 40px;
    -webkit-font-smoothing: antialiased;
    font-weight: 200;
    line-height: 48px;
}


#center h1,#center h3 {
    color: #EAB64C;
    padding-top: 20px;
}


/*!
 * animate.css -http://daneden.me/animate
 * Version - 3.5.2
 * Licensed under the MIT license - http://opensource.org/licenses/MIT
 *
 * Copyright (c) 2017 Daniel Eden
 */

.animated {
  animation-duration: 1s;
  animation-fill-mode: both;
}

@keyframes flipInX {
  from {
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    animation-timing-function: ease-in;
    opacity: 0;
  }

  40% {
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    animation-timing-function: ease-in;
  }

  60% {
    transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    opacity: 1;
  }

  80% {
    transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
  }

  to {
    transform: perspective(400px);
  }
}

.flipInX {
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
  animation-name: flipInX;
}

@keyframes flipInY {
  from {
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    animation-timing-function: ease-in;
    opacity: 0;
  }

  40% {
    transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    animation-timing-function: ease-in;
  }

  60% {
    transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    opacity: 1;
  }

  80% {
    transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
  }

  to {
    transform: perspective(400px);
  }
}

.flipInY {
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
  animation-name: flipInY;
}

@keyframes flipOutX {
  from {
    transform: perspective(400px);
  }

  30% {
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    opacity: 1;
  }

  to {
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    opacity: 0;
  }
}

.flipOutX {
  animation-name: flipOutX;
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
}

@keyframes flipOutY {
  from {
    transform: perspective(400px);
  }

  30% {
    transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    opacity: 1;
  }

  to {
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    opacity: 0;
  }
}

.flipOutY {
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
  animation-name: flipOutY;
}

@keyframes lightSpeedIn {
  from {
    transform: translate3d(100%, 0, 0) skewX(-30deg);
    opacity: 0;
  }

  60% {
    transform: skewX(20deg);
    opacity: 1;
  }

  80% {
    transform: skewX(-5deg);
    opacity: 1;
  }

  to {
    transform: none;
    opacity: 1;
  }
}

/* =============== CART ELEMENTS ==================== */

.open-canvas .canvas-left{left:0;}
.open-canvas .canvas-right{right:0;}
.canvas-left{
  left: -320px;
  position:fixed!important;
}
.canvas-right{
  right: -320px;
  position:fixed!important;
}
.canvas{
  top:0;
  bottom:0;
  width:320px!important;
  background: white;
  width: 320px;
  z-index: 99;
  box-shadow: 2px 0px 9px rgba(0, 0, 0, 0.17);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-transition: all .3s;
  transition: all .3s;
}
div#cart {position:relative;overflow-y: auto;}

button.show-cart:after {
  content: attr(data-cartcount);
  background: #eb839d;
  font-size: 1rem;
  position: absolute;
  border-radius: 100%;
  top: 0;
  width: 20px;
  height: 20px;
  line-height: 19px;
  left: 0;
}
#cart.canvas-left .show-cart{left:0;}
#cart.canvas-right .show-cart{right:0;}
button.show-cart {
  background: black;
  color: white;
  border: 0;
  padding: 18px;
  font-size: 23px;
  position: fixed;
  top: 6px;
  z-index: 99;
  text-decoration: none;
  transition: all .3s ease;
}
.cart-header {
  text-align:center;
  display: block;
  background: white;
}
.cart-header img{width: 164px;padding: 1rem;}
ul.cart-items {padding: 1rem;}

.cart-order{/* overflow-y:auto; *//* height:400px; */}
li.cart-item {padding: 1rem;margin-bottom: 1rem;display: inline-flex;width: 100%;/* grid-template-columns: 50px auto 50px; */background: rgb(253, 253, 251);position: relative;/* border-radius: 8px; */}
li.cart-item p{text-align:center;}
li.cart-item a{display:inline;}
.item-body {padding: 0 1rem;width: 60%;}

.item-image {width: 20%;}

.item-actions {text-align: center;width: 20%;}

.item-title {
font-size: 1.2rem;
font-weight: 600;
}
.item-title a{padding:0;}

.item-meta {
font-size: .68rem;
color: #7b9a97;
}

.item-price {
font-weight: 600;
}
button.item-remove {
  border: none;
  border-radius: 100%;
  padding: 6px;
  color: #6b6b6b;
  background-color: black;
  font-size: 22px;
  font-weight: 100;
}
@media only screen and (max-width: 460px) {
#footer .address {
    width: 100%;
}
}

.cart-order-summary {
  padding: 1rem;
  border-top: 1px solid #ccc;
  /* position: absolute; */
  /* bottom: 0; */
  width: 100%;
}
.cart-order-summary > [class*="order"]{
  display: grid;
  grid-template-columns: 117px auto;
}
.cart-order-summary > [class*="order"] :last-child{
  text-align:right;
}

span.summary-name {
  font-weight: 600;
}

span.summary-value {
  display: block;
}

.order-total .summary-value {
  font-size: 1.3rem;
  font-weight: 600;
}

.cart-discounts {
  padding: 1rem;
}
.cart-reverse{
  display: flex;
    flex-direction: column-reverse;
}
div#cart-checkout input[type="image"] {
    width: 147px;
    margin: 0 auto;
    display: block;
}
.open-canvas .cart-overlay {
    background: rgba(0, 0, 0, 0.74);
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width:100%;
    height:100%;
    display: block;
    z-index: 1;
    position: fixed;
}
.open-canvas #body,
.open-canvas #footer{
    -webkit-filter: blur(13px);
}
/* =============== CART THEME ==================== */
#mpp #cart {
    background: #faf7f0;
}
#mpp .cart-header{
    background:#276664
}

#mpp .item-remove{
    /* background:#dba842; */
    color:white;
    font-size:12px;
}
#mpp button.show-cart{background: transparent; color:white;}
#mpp button.show-cart:after{background: #a0a03a;}
/*^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
            FORM SETTINGS
^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ */

/* Forms*/

input[type="email"],
input[type="number"],
input[type="search"],
input[type="text"],
input[type="tel"],
input[type="url"],
input[type="password"],
textarea,
select {
  height: 38px;
  padding: 6px 10px; /* The 6px vertically centers text on FF, ignored by Webkit */
  background-color: #fff;
  border: 1px solid #D1D1D1;
  border-radius: 4px;
  box-shadow: none;
  box-sizing: border-box; }
/* Removes awkward default styles on some inputs for iOS */
input[type="email"],
input[type="number"],
input[type="search"],
input[type="text"],
input[type="tel"],
input[type="url"],
input[type="password"],
textarea {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none; }
textarea {
  min-height: 65px;
  padding-top: 6px;
  padding-bottom: 6px; }
input[type="email"]:focus,
input[type="number"]:focus,
input[type="search"]:focus,
input[type="text"]:focus,
input[type="tel"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
textarea:focus,
select:focus {
  border: 1px solid #33C3F0;
  outline: 0; }
label,
legend {
  display: inline-block;
  margin-bottom: .5rem;
  font-weight: 600;
  }
fieldset {
  padding: 0;
  border-width: 0; }
input[type="checkbox"],
input[type="radio"] {
  display: inline; }
label > .label-body {
  display: inline-block;
  margin-left: .5rem;
  font-weight: normal; }
/*  */
div#tribe-events-content-wrapper .tribe-events-calendar thead th,
div#tribe-events-content-wrapper input[type=submit].tribe-events-button {
    background-color: #3961a4;
}

div#callout.events {
    display: block;
    box-shadow: 0px 2px 9px rgba(0, 0, 0, 0.2);
    margin-top: -105px;
    z-index: 1;
    position: relative;
    background: white;
    overflow: hidden;
}
#callout h1.title {
    margin: 0;
    color: #272727;
    font-weight: normal;
    font-family: 'Open Sans', sans-serif;
    -webkit-font-smoothing: antialiased;
    font-size: 1.875rem;
    text-transform: uppercase;
    padding: 5px 0 15px 0;
}

.callout-details p {
    margin: 0;
    color: #000000;
}

.callout-details {
    padding: 40px;
}

.callout-details h2:after{
    content:'';
    width:100px;
    background: #58B1AF;
    height:2px;
    display:block;
    margin-top:20px;
}
.callout-details h2 {
    color: #777;
    font-weight: lighter;
    font-size: 1.1rem;
    line-height: 1.6rem;
    margin: 0;
}
.events .event-meta {
    background: #36928e;
    color: #2a4342;
    width: 32%;
}
.events {display: table;}
.events .event-summary {padding:1em;color: white;}
.events .event-meta, .events .event-content{float:none;display: table-cell;vertical-align: top;}
.events .event-meta strong{color:#ffffff; }
.events .event-meta dl{margin: 1em 0;color: white;}
.events .event-meta dt,.events .event-meta dd{padding-left:12px;}
.events small {font-size: 13px; font-style: italic; }
.product-description {
    position: relative;
    padding: 1rem;
}
@media all and (max-width: 1120px){
.events .event-meta [class*="col"] {width: 44%; }

}
@media all and (max-width: 620px){
.events .event-meta,.events .event-content {
 display:block;width:100%;
}
section#hero img{
      top: 0rem;
    height: 100%;
}
}

ul.footer-menu {
    border-top: 1px solid #ccc;
padding:1rem;
}
ul.footer-menu li a{
    margin-right:1rem;
}
ul.footer-menu a:hover{text-decoration:underline;}
ul.footer-menu a {
    font-size: 1.2rem;
    text-decoration: none;
    font-family: 'Arvo', Georgia;
}

ul.footer-menu li a:after{
    content:'|';
    padding-left: 1rem;
    display:inline-block;
    position: absolute;
    color:#cecece;
}
ul.footer-menu li:last-child a:after{content:'';}
/* ===================================================================
                    SLIDER ELEMENTS
/* =================================================================== */
#slideshow{position: relative;margin-bottom: 30px;}
.rslides {position: relative;list-style: none;/* overflow: hidden; */width: 100%;padding: 0;margin: 0;}

.rslides li {
-webkit-backface-visibility: hidden;
position: absolute;
display: none;
width: 100%;
left: 0;
top: 0;
}
.rslides1_nav.next {
right: 0;
left: auto;
}
.rslides1_nav:hover{color:white;background:black;}
.rslides1_nav {position: relative;left: 0;padding: .5rem 1rem;z-index: 99;overflow: hidden;text-decoration: none;font-size: 2rem;text-align: center;background: #006edd;line-height: initial;color: white;margin-right: 1rem;}

.rslides li:first-child {
position: relative;
display: block;
float: left;
}

.full > img {
display: block;
height: auto;
float: left;
width: 100%;
border: 0;
}
.rslides_tabs {
    text-align: center;
    z-index: 99;
    bottom: -8px;
    position: relative;
}

.rslides_tabs li {
display: inline;
float: none;
_float: left;
*float: left;
margin-right: 5px;
}

.rslides_tabs a {
text-indent: -9999px;
overflow: hidden;
-webkit-border-radius: 15px;
-moz-border-radius: 15px;
border-radius: 15px;
background: #000;
display: inline-block;
_display: block;*
display: block;
-webkit-box-shadow: inset 0 0 2px 0 rgba(0,0,0,.3);
-moz-box-shadow: inset 0 0 2px 0 rgba(0,0,0,.3);
box-shadow: inset 0 0 2px 0 rgba(0,0,0,.3);
width: 20px;
height: 20px;
}

.rslides_tabs .rslides_here a {
background: #DC0040;
}
.tiled .slidecaption {
    position: absolute;
    text-align: center;
    background: rgba(0, 0, 0, 0.57);
    color: #fff;
    bottom: 0;
    width: 100%;
    left: 0;
    padding: 22px 0;
    overflow: hidden;
}
.slidecaption h1 {
color: #DA0037;
font-size: 2rem;
text-align: center;
padding:0;
}
span.slidelink a {
background-color: white;
color:#DA0037;
padding: 12px;
display: block;
width: 135px;
margin: 0px auto;
text-transform: uppercase;
text-decoration: none;
font-size: 1.2em;
border-radius: 3px;
}
.slidecaption p {
font-size: 1.2em;
font-weight: 100;
line-height: 21px;
}
.overlay .slidecaption {
position: absolute;
display: block;
bottom: 0;
left: 0;
right: 0;
padding: 15px;
text-align: center;
background: #000;
color: #fff;
}

.fixedimage .slideimage img {
height: 100%;
width: 100%;
}
.slidecaption {
width: 34%;
float: left;
}

section.slide-image a {
    background: #006edd;
    color: white;
    padding: 1.2rem;
    display: inline-block;
    font-size: 1rem;
    line-height: 0;
    position: absolute;
    bottom: 15px;
    left: 15px;
}
section.slide-image a:hover{
  background-color:white;
  color:#006edd;
  box-shadow: 2px 2px 8px rgba(0, 0, 0, 0.67);
  transform: scale(1.1);
}
.slide-image img {
    width: 100%;
}
section.slide-image {
    position: relative;
    margin-top: -15rem;
    width: 440px;
    height: 570px;
    overflow: hidden;
    background:#3961a4;
}

.slider-nav {
    position: absolute;
    bottom: 1rem;
}

.slide-content, .slide-content-img {
    display: inline-block;
    width: 40%;
    vertical-align: top;
}
.slide-content{
  width: 59%;
}
@media only screen and (max-width:990px){
   .slide-content-img section.slide-image{
       margin-top:0;
   }
}
@media only screen and (max-width:600px){
   .slide-content, .slide-content-img {
       display:block;
       width:100%;
   }
   .slider-nav{position:relative;bottom:0;margin:1rem 0;}
   section.slide-image{width:auto;height: auto;}
   section.slide-image a{position:relative;top: 0;z-index: 9;bottom: 0;}
}
/* ===================================================================
DONATION FORM
/* =================================================================== */
.event-listing ul li {
    list-style: none;
}
.col{
    float:left;
    /* padding: 0 1rem; */
}


/*^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
            MOBILE BUTTONS
^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ */
.mobile-btn {display: none;z-index: 99;}
.menu-toggle span, .menu-toggle span:after, .menu-toggle span:before {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    background-color: #eab64c;
    height: 3px;
    -webkit-transition: all .3s;
    transition: all .3s;
    width: 40px;
    position: absolute;
    top: 12px;
    left: 10px;
}
.menu-toggle span:after, .menu-toggle span:before {
    content: '';
    left: 0px;
    position: absolute;
    top: -10px;
}
.menu-toggle span:after {top: 10px;}
.menu-toggle {
    display: block;
    position: fixed;
    right: 20px;
    top: 20px;
    padding: 30px;
    z-index: 99;
}

.open .menu-toggle span{background-color: transparent;}
.open .menu-toggle span:before {
    -webkit-transform: rotate(45deg)translate(3px,3px);
    -ms-transform: rotate(45deg)translate(3px,3px);
    transform: rotate(45deg)translate(3px,3px);
}
.open .menu-toggle span:after {
    -webkit-transform: rotate(-45deg)translate(5px,-6px);
    -ms-transform: rotate(-45deg)translate(5px,-6px);
    transform: rotate(-45deg)translate(5px,-6px);
}



/* NAVGATION MOBILE STYLES */
@media all and (max-width: 1120px) {
    span.icon-plus {
    position: absolute;
    right: 0px;
    display: block;
    z-index: 99;
    top: -28px;
    font-weight: 600;
    background: rgba(0, 0, 0, 0.22);
    padding: 13px;
    }
  #header.fixedtop{background-color: #35928f;}

  #header .logo{display:block;position:fixed;display: block;position: fixed;width: 100%;z-index: 1;}
  #navigation .logo,#navigation,#navigation ul.mainmenu > li a:before{display:none;}
  .open #navigation ul.mainmenu, .open #navigation{display:block;z-index: 99;transform: translateY(0%);transition: 0.4s all;opacity: 1;}
  #navigation ul.mainmenu{margin-top: 78px;width: 100%;background: #46351F;/* display: none; */transform: translateY(-100%);transition: 0.4s all;z-index: -1;opacity: 0;}
  #navigation ul.mainmenu ul {position: relative;width:100%;}
  #navigation ul.mainmenu{text-align:left;}
  #navigation.megamenu ul.mainmenu ul > li{float:none;}
  #navigation.megamenu ul.mainmenu ul ul, #navigation ul.mainmenu li.logo, #navigation ul.mainmenu li:hover ul{display: none;}
  #navigation ul.mainmenu > li > a {display: inline-block;color:white;padding: 12px 0 12px 12px;width: 100%;}
  #navigation ul.mainmenu ul > li > a {display: block;color:white;padding: 12px 0 12px 22px;}
  #navigation ul.mainmenu li.open ul,#navigation ul.mainmenu li span{display:block;}

    .logo a {
      display: block;
      margin: 0 auto;
      width: 202px;
    }
    .mobile-btn {display: block;}
    .open .menu-toggle span:after, .open .menu-toggle span:before{background-color: #FFF;}
    .open .menu-toggle span:after{top: 12px; }
    .open .menu-toggle span:before{top: 0; }
}

@media screen and (max-width: 1000px) {
 #sidebar{margin:0;}

.split #contents{margin-left: 0%;padding: 0px 20px;}
.split #sidebar {position: relative;min-height: 300px;}
.featured-image {margin:0;}

 #main-content.wrapper:after{position:relative;}
 .article #contents{padding-left:20px; padding-right:20px;}
 #paypal{position:relative;}
  #centerpiece .logo{width: 158px;}
  #centerpiece .logo img{top:-100px}
  #centerpiece ul li{font-size:1.8rem;padding: 20px 6px;}
  [class*="grid"] [class*="col"]{float:none;width:100%;}
}

@media only screen and (max-width:600px) {
  body#mpp.minicart-showing #header .logof{display:none;}
  form{width:100%;}
  #centerpiece .logo{width: 158px; margin:0 auto;}
  #centerpiece .logo img{top:0px;position:relative;}
  #centerpiece ul li{font-size:1.8rem;padding: 20px 6px;display: block;}
  .hypercart #PPMiniCart form > ul{height: 258px;}
  div#body.home{height:500px;}
  #bg-video .caption .video-title{font-size:3rem;}
  #bg-video .caption h2{
    font-size: 3rem;
    line-height: 40px;
    }
}
@media all and (max-width: 420px){
    #callout h1.title,#hero h2{font-size:1.3rem}
    #hero h1.page-title{font-size:1.7rem}
    .logo a{width:120px;}
    .logo{padding:16px 30px;}
    #bg-video .caption .video-title{font-size:2rem;line-height:1rem;}
    #bg-video .caption h2{font-size:1.6rem;line-height:1rem;}
    #bg-video .caption:before, #bg-video .caption:after{height:20px}
    #bg-video a {width: 72%;font-size: 1rem;}
}