/*
Theme name: The Grey
Description: Custom Theme
*/

/******* The Grey WordPress CSS *******/

/* Common elements styling */
.post .entry h1 { font-size: 20px; line-height: 30px}
.post .entry h2 { font-size: 18px; line-height: 27px}
.post .entry h3 { font-size: 16px; line-height: 24px}
.post .entry h4 { font-size: 14px; line-height: 21px}
.post .entry h5 { font-size: 12px; line-height: 18px}
.post .entry h6 { font-size: 10px; line-height: 15px}


p img { padding: 0;	max-width: 100%; }
img.centered { display: block; margin-left: auto; margin-right: auto; }
img.alignright { margin: 2px 0 2px 7px; display: inline; }
img.alignleft { margin: 2px 7px 2px 0; display: inline; }
.alignright { float: right; display: inline; }
.alignleft { float: left; display: inline; }
.aligncenter, div.aligncenter { display: block; margin-left: auto; margin-right: auto; }

/* Calendar widget */
#wp-calendar { empty-cells: show; margin: 10px auto 0; }
#wp-calendar #next a { padding-right: 10px; text-align: right; }
#wp-calendar #prev a { padding-left: 10px; text-align: left; }
#wp-calendar a { display: block; }
#wp-calendar caption { text-align: center; width: 100%; }
#wp-calendar td { padding: 3px 0; text-align: center; }
.wp-caption { border: 1px solid #ddd; text-align: center; padding-top: 4px; margin: 10px; }
.wp-caption img { margin: 0; padding: 0; border: 0 none; }
.wp-caption p.wp-caption-text { font-size: 11px; line-height: 17px; padding: 0 4px 5px; margin: 0;}

/* Big images in rich text editor should not break page layout */
.post .entry { overflow: hidden; } 

.navigation { font-size: 16px; margin-top: 30px;}
.navigation a { font-size: 16px; color: #6893bf !important;}

/******* /The Grey WordPress CSS *******/
/* ================================================================ *\
	#Reset
\* ================================================================ */

* { padding: 0; margin: 0; outline: 0; }

/* ================================================================ *\
	#Base
\* ================================================================ */

article,
aside,
figcaption,
figure,
footer,
header,
main,
nav,
section { display: block; }

html,
body { height: 100%; }

html { overflow-y: scroll; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }
body { font-family: Arial, sans-serif; font-size: 14px; line-height: 1.3; color: #000; -webkit-font-smoothing:antialiased;}

a { text-decoration: none; color: #6893bf;}
a:hover { text-decoration: underline; }

img { border: 0; vertical-align: middle; }
strong { font-weight: bold; }
small { font-size: 80%; }

button,
input,
select,
textarea { font-family: inherit; font-size: inherit; color: inherit; -webkit-font-smoothing:antialiased; }

button,
input[type="button"],
input[type="reset"],
input[type="submit"] { cursor: pointer; }

input[type="text"] { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; }

button::-moz-focus-inner,
input::-moz-focus-inner { padding: 0; border: 0; }

button { overflow: visible; }
textarea { overflow: auto; resize: none; }

table { border-collapse: collapse; border-spacing: 0; }
th,
td { padding: 0; }

/* ================================================================ *\
	#Helpers
\* ================================================================ */

.alignleft { float: left; }
.alignright { float: right; }
.hidden { display: none; visibility: hidden; }

.header:after,
.header .shell:after,
.nav:after,
.nav ul:after,
.widgets-footer:after,
.widgets-footer .socials ul:after,
.slider .slides:after,
.main:after,
.main .shell:after,
.entry-cols:after,
.sidebar .socials ul:after,
.posts-press:after,
.posts-press .post:after,
.press-cols:after,
.clearfix:after { display: table; content: ' '; clear: both; }

/* ------------------------------------------------------------ *\
	Main Styles
\* ------------------------------------------------------------ */

html { overflow-y: scroll !important; margin: 0 !important; padding: 0 !important; }


.wrapper { height: 100%; position: relative; }

.shell { max-width: 1202px; margin: 0 auto; }

body { background: #f9f8ee; }

/* ------------------------------------------------------------ *\
	Header 
\* ------------------------------------------------------------ */

.header { background-color: #f9f8ee; padding: 19px 0 4px 0; position: relative; }
.header-content { float: right;   padding-top: 52px; padding-right: 22px; }



.logo { float: left; padding-left: 3px; }

.nav { float: left;   padding-right: 45px; padding-top: 3px; letter-spacing: 1.35px; }
.nav ul { padding-left: 0; list-style-type: none;  }
.nav ul li { float: left; margin-right: 36px;  }
.nav ul li:last-child { margin-right: 0;  }
.nav ul li a { font-size: 18px; font-family: 'olifantnormal', sans-serif; }

.nav ul li a,
a.link-popup { text-decoration: none; color: #2e4f79; }

.nav ul li a:hover,
a.link-popup:hover { color: #5c81b0;  }

a.link-popup  { font-size: 20px; font-family: 'freehand521_btregular', sans-serif; position: relative; }
a.link-popup:before { content: ''; position: absolute; left: -26px; top: 0; background:  url(../jpg/pop-up-before.jpg) no-repeat 0 0; width:  18px; height:  24px;  }
a.link-popup:after { content: ''; position: absolute; right: -26px; top: 0; background:  url(../jpg/pop-up-before.jpg) no-repeat 0 0; width:  18px; height:  24px;  
-ms-transform: rotate(180deg); /* IE 9 */
    -webkit-transform: rotate(180deg); /* Chrome, Safari, Opera */
    transform: rotate(180deg); 
}

/*  Close nav  */

.link-close { display: none; }
.link-close span { position: relative; display: block; width: 18px; border-top: 2px solid transparent; background-color: transparent;  }

.link-close span:before,
.link-close span:after { position: absolute; width: 18px; height: 2px; background: #fff; content: ''; }

.link-close span:before { top: -8px; left: 0; }
.link-close span:after { top: 4px; left: 0; }


.link-close span:before { 
-webkit-transform: rotate(-135deg) translate(7.5px, -9px);
    -ms-transform: rotate(-135deg) translate(7.5px, -9px);
   -moz-transform: rotate(-135deg) translate(7.5px, -9px);
        transform: rotate(-135deg) translate(7.5px, -9px);

}
.link-close span:after { 
-webkit-transform: rotate(-49deg) translate(0.5px, -16px);
    -ms-transform: rotate(-49deg) translate(0.5px, -16px);
   -moz-transform: rotate(-49deg) translate(0.5px, -16px);
        transform: rotate(-49deg) translate(0.5px, -16px); 
}


/*  Burger button  */
.link-menu { position: absolute; top: 20px; right: 20px;  display: none; padding: 7px 0;   }
.link-menu span { position: relative; display:block; width: 19px; border-top: 2px solid #5c6e8b; background-color: transparent; }
    
.link-menu span:before,
.link-menu span:after { position: absolute; width: 19px; height: 2px; background: #5c6e8b; content: ''; }

.link-menu span:before { top: -8px; left: 0; }
.link-menu span:after { top: 4px; left: 0; }

/*  Promo-bar  */

.promo-bar { text-align: center; background-color: #b5c8aa; padding: 5px 0; position: absolute; z-index: 20; width: 100%; top:100%;  }
.promo-bar a { text-decoration: none; color: #4c4d4b; font-size: 14px; letter-spacing: 1.68px; font-family: 'futura_bk_btbook', sans-serif; text-transform: uppercase;  }
.promo-bar .popup-close { background:  url(../png/ico-cross.png) no-repeat 0 0; width:  16px; height:  16px;  font-size: 0; line-height: 0; text-indent: -4000px; display: block; position: absolute; right: 20px; top: 5px;  }

/* ------------------------------------------------------------ *\
	Main
\* ------------------------------------------------------------ */

.main { padding-top: 35px; padding-bottom: 9px; }

/*  Content  */

.content { overflow: hidden; }
.content-alt { float: right; overflow: visible; width: 62%; }

.cols { padding-top: 35px; }
.cols h3 {  padding-bottom: 26px; }

/*  post  */

.post .entry-inner { position: relative;  padding-top: 42px;  }

.post .entry h3 { font-family: 'olifantnormal', sans-serif; color: #2e4f79; font-size: 20px; letter-spacing: 1.5px; padding-bottom: 3px;   }

.post h1.entry-title { font-size: 36px; color: #4d4b48; letter-spacing: 2.7px; font-family: 'olifantnormal', sans-serif; padding-bottom: 23px;   }

.post .entry p { font-size: 14px; font-family: 'futura_bk_btbook', sans-serif; color: #4d4b48; letter-spacing: 0.14px; padding-bottom: 29px; line-height: 1.7;  }
.post .entry img { max-width: 100%; height: auto; }
.post .entry p img  { width: 100%;  }
.post .entry p img.auto  { max-width: 100%; width: auto; }
.post .entry p img.btn-max { max-width: 150px;}
/* .post .entry img:hover { opacity: 0.8; } */

.post .entry ul { padding-left: 10px; list-style-type: none; padding-bottom: 32px; }
.post .entry ul li { text-transform: uppercase; font-family: 'futura_bk_btbook', sans-serif; color: #4d4b48; font-size: 12px;  padding-bottom: 13px; letter-spacing: 1.1px; }
.post .entry ul li:last-child { padding-bottom: 0;  }

.content .post .entry ul, 
.content .post .entry ol { padding-left: 0; } 


.posts-section  { padding-bottom: 51px;  padding-top: 7px; padding-right: 131px; }
.posts-section .post { padding-top: 8px;  }
.posts-section h1.entry-title { padding-bottom: 5px; }
.posts-section p { padding-bottom: 22px;  line-height: 1.72;  font-size: 14px; font-family: 'futura_bk_btbook', sans-serif; color: #4d4b48; letter-spacing: 0.14px; }
.posts-section h3 { padding-bottom: 0;  }
.posts-section p a { color: #4d4b48; text-decoration: none; }

a.btn-gallery { position: absolute; top: 50%; left: 50.7%;  -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%);
-webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); text-decoration: none; font-size: 16px; color: #fff; background-color: #2e4f79; text-transform: uppercase; font-family: 'olifantnormal', sans-serif; font-weight: normal; letter-spacing: 1.76px; padding: 7px 2px  }
a.btn-gallery:hover { color: #5c81b0; }
.btn-gallery:before { content: ''; position: absolute; left: -11px; top: 0;  background:  url(../png/btn-before.png) no-repeat 0 0; width:  100%; height:  34px;  }
.btn-gallery:after { content: ''; position: absolute; left: 99.6%; top: 0; background:  url(../png/btn-after.png) no-repeat 0 0; width:  100%; height:  34px;  }

.one_half { float: left !important; width: 45% !important; margin-top: 7px;}
.one_half.last_column  { float: right !important;  }
.one_half h3 { padding-bottom: 4px !important;}

/*  Sidebar  */

.sidebar { float: left; width: 271px; padding-top: 7px; }
.sidebar .widgets { list-style-type: none; padding-left: 0; }
.sidebar .widget  { /* margin-bottom: 20px; */  margin-bottom: 45px;  }

.sidebar .widget_nav_menu ul { list-style-type: none; padding-left: 0; }
.sidebar .widget_nav_menu ul li { padding-bottom: 3px;  }
.sidebar .widget_nav_menu ul li.current-menu-item a { text-decoration: underline;  }
.sidebar .widget_nav_menu ul li a { font-size: 24px; font-family: 'olifantnormal', sans-serif; letter-spacing: 1.2px; color: #2e4f79; text-decoration: none;  }

.sidebar .socials ul { list-style-type: none; padding-left: 0;  }
.sidebar .socials li { float: left; margin-right: 14px;  }
.sidebar .socials li a:hover { opacity: 0.8; }

.sidebar h3.widget-title { font-size: 20px; color: #4d4b48; letter-spacing: 1.5px; font-family: 'olifantnormal', sans-serif; }
.carbon_richtext:last-child { padding-bottom: 200px;  }

.sidebar .carbon_richtext p a, 
.sidebar .carbon_richtext p  { font-size: 14px; color: #4d4b48;letter-spacing: 1.68px; font-family: 'futura_bk_btbook', sans-serif; text-transform: uppercase;  text-decoration: none; }
.sidebar .carbon_richtext strong  { font-family: 'futurabold'; font-size: 14px; color: #4d4b48; letter-spacing: 1.68px; text-transform: uppercase; padding-top: 35px;   display: block;  }
.sidebar .carbon_richtext h3 + p strong { padding-top: 0; }
.sidebar .carbon_sociallinks + .carbon_richtext p:nth-child(3n-1)  { padding-bottom: 0; }

.callout { background-color: #2e4f79; position: relative; width: 199px;   box-sizing: border-box;  padding: 39px 12px 46px 45px; }
.callout:before  { content: ''; position: absolute; top: -10px; left: 0; background:  url(../jpg/callout-before.jpg) no-repeat 0 0; width:  199px; height:  34px;  }
.callout:after { content: ''; position: absolute; bottom: 0; left: 0; background:  url(../jpg/callout-after.jpg) no-repeat 0 0; width:  199px; height:  36px;  }
.callout h2 { font-size: 24px;  font-family: 'olifantnormal', sans-serif;  line-height: 2;  }
.callout h2 a  { text-decoration: none; color: #fff; letter-spacing: 2px;  }
.callout h2 span { font-family: 'freehand521_btregular', sans-serif; }
.callout h2 a:hover  { color: #5c81b0;  }

/* ------------------------------------------------------------ *\
	Section-map
\* ------------------------------------------------------------ */

.map { text-align: right; }

.map h4 a,
.map h4 { color: #2e4f79; text-decoration: none; font-size: 18px;  }

.map h4 { letter-spacing: 2.16px; margin-top: 10px; }
.map h4 a { letter-spacing: 0.09px; font-family: 'freehand521_btregular', sans-serif; font-weight: bold;  }
.map h4 a:hover { color: #5c81b0;  }


.google-map { height: 564px; width: 99%; border-radius: 4px; border: 3px solid #4d4b48; display: inline-block; }

/* ------------------------------------------------------------ *\
	Slider
\* ------------------------------------------------------------ */

.slider {  overflow: hidden; position: absolute; top: 103px; bottom: 142px;  box-sizing:border-box; width: 100%; }
.slider .slides { padding-left: 0; list-style-type: none; }
.slider .slide  {float: left;  }
.slider .slide img { display: none;  }

.slider .slides,
.slider .slider-clip,
.slider .slide,
.caroufredsel_wrapper,
.slider .slide-image { height: 100% !important;}

.slider-prev { position: absolute; top: 50%; left: 19px; width: 33px; height:  74px; background:  url(../png/slider-arrow.png) no-repeat 0 0; font-size: 0; line-height: 0; text-indent: -4000px; margin-top: -22px; }
.slider-next  { position: absolute; top: 50%; right: 12px; background:  url(../png/slider-arrow.png) no-repeat 0 0; width:  33px; height:  74px; font-size: 0; line-height: 0; text-indent: -4000px; margin-top: -22px;  
-ms-transform: rotate(180deg); /* IE 9 */
  -webkit-transform: rotate(180deg); /* Chrome, Safari, Opera */
    transform: rotate(180deg); 
}


/* ------------------------------------------------------------ *\
	Intro
\* ------------------------------------------------------------ */

.intro-image { height: 377px; }
.intro img { display: none;  }

/* ------------------------------------------------------------ *\
	Footer
\* ------------------------------------------------------------ */

.footer { background-color: #2e4f79;   padding: 20px 0 27px 0; }

.widgets-footer .widget:first-child  { padding-left: 0; }
.widgets-footer .widget  { float: left; padding-left: 96px; }
.widgets-footer .gform_widget { padding-left: 155px;  }
.widgets-footer .carbon_sociallinks  { padding-left: 76px;  }

.widgets-footer a,
.widgets-footer p { color: #F9F8EF; font-size: 12px;  text-decoration: none; text-transform: uppercase; font-family: 'futura_bk_btbook', sans-serif; letter-spacing: 1.44px;  }
.widgets-footer p strong { font-family: 'futurabold', sans-serif; }

.widgets-footer h2.widget-title { color: #F9F8EF; font-size: 20px; font-family: 'olifantnormal', sans-serif; letter-spacing: 2px; padding-bottom: 5px; }

.widgets-footer .socials ul { padding-left: 0; list-style-type: none;  }
.widgets-footer .socials ul li { float: left;  margin-right: 11px; }
.widgets-footer .socials ul li a:hover { opacity: 0.8; }

.widgets-footer .gform_button { background:  url(../png/ico-mail.png) no-repeat 0 0;  border: none; font-size: 0; line-height: 0; text-indent: -4000px; width: 25px; height: 18px; position: absolute; top: 9px; right: 10px; }
.widgets-footer  .medium {   background: transparent; border: 2px solid #F9F8EF; height: 34px; color: #F9F8EF; width: 185px; box-sizing: border-box; padding: 0 35px 0 5px;  }
.widgets-footer .gform_wrapper  { position: relative;  }

h3.gform_title  { display: none; }

.gform_body ul { padding-left: 0; list-style-type: none; }
.gfield_label { display: none; }


.gforms_confirmation_message,
.gform_confirmation_wrapper  { width: 172px; }

/*  body.home footer */

/*.home .footer { position: absolute; bottom: 0; width: 100%; padding: 20px 0 27px 0; }*/

/* ------------------------------------------------------------ *\
	Pop-up
\* ------------------------------------------------------------ */

.mfp-content { text-align: center; }
.mfp-bg { background: rgba(0, 0, 0, 0.5); }
.mfp-close-btn-in .mfp-close { background:  url(../png/ico-cross.png) no-repeat 0 0; width:  16px; height:  16px;  top: 20px; right: 4px;  }

.mfp-inline-holder .mfp-content,
.mfp-ajax-holder .mfp-content { width: auto; display: inline-block; }

.pop-up .gform_wrapper { background-color: #2e4f79; padding: 23px 20px; }
.pop-up .gfield_select { width: 100%;  background-color: transparent;  border: 2px solid #fff; font-family: 'futura_bk_btbook', sans-serif; font-size: 12px; letter-spacing: 1.2px; color: #fff;  box-sizing:border-box; padding: 6px 0 5px 10px; }
.pop-up .gfield_select option { color: #000;  }
.pop-up .gfield { margin-bottom: 15px; }

.pop-up .gform_button { font-family: 'futura_md_btmedium', sans-serif; font-size: 12px; color: #2e4f79; letter-spacing: 1.2px; width: 100%; text-align: left; text-transform: uppercase; background-color: #f9f8ee; box-sizing:border-box; border:none; padding: 9px 0 7px 12px; }

.pop-up ul.gform_fields { list-style-type: none; padding-left: 0; }
.gform_confirmation_message,
.pop-up h3.gform_title { display: block; font-size: 20px; color: #fff; text-transform: uppercase; font-family: 'olifantnormal', sans-serif; letter-spacing: 2px;  }
.pop-up h2.gsection_title { display: none; }

.pop-up-holder { display: none; }

.validation_error,
.validation_message { display: none; }
.gform_ajax_spinner { display: none; }

.widgets-footer .gfield_error input,
.pop-up .gfield_error .gfield_select { color: red;  border: 2px solid red; }

.OTButton, #OTButton,
.OT_list,
.OT_list li,
#OT_form { width: 100% !important; box-sizing:border-box !important; height: auto; }

.OT_list li { margin: 0;  border: none; margin-bottom: 15px; padding-bottom: 0 !important; padding-left: 0 !important; background-image: none; padding-top: 0 !important;  }

.OT_wrapper {  background-color: #2e4f79; padding: 23px 20px 7px !important; background-color: #2e4f79 !important;  width: auto !important; box-sizing:border-box !important; border-radius: 0  !important; border:none !important;}

h1.OT_title { display: block; font-size: 20px; color: #fff; text-transform: uppercase; font-family: 'olifantnormal', sans-serif; letter-spacing: 2px; width: 100%; padding-top: 0; margin-bottom: 22px;   }
h2.OT_subtitle  { display: none !important;  }

#OT_Find_a_Table{ font-family: 'futura_md_btmedium', sans-serif; font-size: 12px !important; color: #2e4f79 !important; letter-spacing: 1.2px; width: 100%; text-align: left; text-transform: uppercase; background-color: #f9f8ee !important; box-sizing:border-box; border:none; padding: 6px 0 6px 12px !important; background-image: none !important; text-shadow:none; left: auto; height: auto; font-weight: normal; line-height: 1.3; }

.OT_searchTimeField, .OT_searchDateField, .OT_searchPartyField { width: 100% !important;  border: 2px solid #fff !important; font-family: 'futura_bk_btbook', sans-serif !important;  font-size: 12px !important; letter-spacing: 1.2px !important; color: #fff !important;  box-sizing:border-box !important; padding: 0px 0 0px 10px !important; border-radius: 0 !important; height: 27px !important; background: transparent url(../png/reservation-arrow.png) no-repeat !important;   background-position: 154px 7px !important; }

.ui-datepicker { left: 50% !important;  margin-left: -80px !important;  }

.OT_ExtLink:link { display: none !important; }


/*  popup-gallery  */

.popup-gallery { display: none;}

.mfp-title { display: none; }
.mfp-img-mobile { background: rgba(0, 0, 0, 0.7); }

.mfp-arrow { background:  url(../png/slider-arrow.png) no-repeat 0 0 !important; width:  33px; height:  74px; font-size: 0; line-height: 0; text-indent: -4000px; }
.mfp-arrow-left { left: 5%; 
-ms-transform: rotate(0deg); /* IE 9 */
    -webkit-transform: rotate(0deg); /* Chrome, Safari, Opera */
    transform: rotate(0deg); }
.mfp-arrow-right { right: 5%; 
	-ms-transform: rotate(180deg); /* IE 9 */
    -webkit-transform: rotate(180deg); /* Chrome, Safari, Opera */
    transform: rotate(180deg);
 }
.mfp-arrow:before, .mfp-arrow:after, .mfp-arrow .mfp-b, .mfp-arrow .mfp-a { visibility: hidden; opacity: 0; } 


/* ------------------------------------------------------------ *\
	Posts-press
\* ------------------------------------------------------------ */

/* .posts-press  .col-1of2 { width: 37%; float: left; margin-bottom: 10px; }
.posts-press  .col-1of2:last-child  { float: right;  } */
/* .posts-press .post-image { float: left; width: 40%;  }
.posts-press .post-image img { width: 100%; height: auto;  }
.posts-press .post-entry {  overflow: hidden; padding-left: 10px;  }
 */

.posts-press .post { margin-bottom: 44px; width: 49%;  display: inline-block;  vertical-align: top; }
.posts-press .post:nth-child(even) { padding-left: 58px; box-sizing:border-box; padding-right: 0;  }
 .posts-press .post-image { width: 193px; float: left; }
 .posts-press .post-entry { overflow: hidden; padding-left: 30px;  }


 .posts-press .post h3 { font-size: 20px;  font-family: 'olifantnormal', sans-serif; color: #4d4b48; letter-spacing: 1.5px; font-weight: bold; }
 .posts-press .post p { font-size: 15px; color: #4d4b48; font-family: 'futura_bk_btbook', sans-serif; text-transform: uppercase; font-weight: bold; letter-spacing: 1.8px; line-height: 1.5;  }
 .posts-press .post a { font-size: 12px; text-decoration: underline; color: #4d4b48; text-transform: uppercase; font-weight: bold; letter-spacing: 1.44px; font-family: 'futura_bk_btbook', sans-serif;  }
 .posts-press .post a:hover { color: #7b756d;  }

 .press-cols { padding-top: 50px; }


/* ------------------------------------------------------------ *\
	Single-page
\* ------------------------------------------------------------ */

ul,
ol { padding-left: 20px; }
ol { padding-bottom: 10px; }
h1,h2,h3,h4,h5,h6 { color: #000; font-family: 'olifantnormal', sans-serif; font-weight: normal; }

h1 { font-size: 30px; }
h2 { font-size: 25px; }
h3 { font-size: 21px; }
h4 { font-size: 20px; }
h5 { font-size: 19px; }
h6 { font-size: 18px; padding-bottom: 10px; }

p { font-size: 14px; padding-bottom: 5px; color: #4d4b48; }

a { color: #6893bf; }

img.alignleft { padding-right: 20px; padding-bottom: 20px; }
img.alignright  {  padding-left: 20px; padding-bottom: 20px;  }

.alignleft a,
.alignright a { color: #000;  }

.alignleft a:hover,
.alignright a:hover  { text-decoration: underline; }

blockquote { border-left: 1px dotted #000; padding: 10px 0 10px 10px; font-style: italic; margin: 10px 0;  }

/* ------------------------------------------------------------ *\
	Media Queries
\* ------------------------------------------------------------ */

@media only screen and ( max-width: 1220px) {
	
	.shell { padding: 0 10px; }

	.widgets-footer .widget { padding-left: 40px; }

	.slider { bottom: 141px}


 .posts-press .post { margin-bottom: 44px;  }
 .posts-press .post-image { width: 193px; float: none;display: block;  }
 .posts-press .post-image img {  }
 .posts-press .post-entry { overflow: visible; padding-left: 0px; display: block; padding-top: 10px;  }

}



@media only screen and ( max-width: 1030px) {

	/*.home .footer { padding: 9px 0 2px; }*/

	.widgets-footer .widget {  width: 50%; padding-left: 0;  float: left;  padding-bottom: 10px; }
	.widgets-footer .widget:nth-child(even)  { padding-left: 0px;  float: right;  }
	.widgets-footer .gform_widget  { float: right;  }
	
	.slider { bottom: 197px; }

	.widgets-footer .medium { width: 100%; }

	.widgets-footer h2.widget-title { font-size: 19px;  }

	.widgets-footer .gform_widget form { width: 260px; position: relative; }



}

@media only screen and (max-width: 920px) { 
	
	.header-content { padding-top: 40px; }

	.nav { padding-right: 35px; }
	.nav ul li { margin-right: 10px; }

	.logo img { width: 223px; height: 59px; }

	.slider { top: 91px; }

	.sidebar  { width: 220px; }
	.post h1.entry-title { padding-bottom: 15px; font-size: 34px;  }
	.post .entry h3 { padding-bottom: 10px; font-size: 19px;  }
	.post .entry ul { padding-bottom: 20px; }
	.post .entry ul li { padding-bottom: 10px; }
	.post .entry p { padding-bottom: 40px; font-size: 13px; }
	.posts-section p { font-size: 13px; }

	.google-map { height: 350px; }

	.carbon_richtext p a,
	.carbon_richtext p { font-size: 13px; letter-spacing: 1px; }

	.posts-section { padding-right: 10px; }

	.mfp-arrow-right { right: 14%; }
}

@media only screen and (max-width: 768px) { 
	
	.header { text-align: center; padding: 12px 0 0 0;  }
	.header-content { padding-top: 8px; padding-right: 0;  }
	
	.logo { padding: 0; }
	
	.header-content,
	.logo,
	.nav { float: none; }

	.nav { display: inline-block; }
	.link-popup { top: -7px; }

	.slider { top: 112px; bottom: 323px;   }

	.widgets-footer .widget { float: none; width: 100%; }
	.widgets-footer .widget:nth-child(even)  { float: none;  }

	.content-alt { width: 50%; }

	.carbon_richtext p a,
	.carbon_richtext p { font-size: 12px; letter-spacing: 0; }

	
	.widgets-footer a,
	.widgets-footer p { font-size: 10px; }

	.widgets-footer p { padding-bottom: 2px; }

	.google-map { height: 260px; }

	.widgets-footer h2.widget-title { font-size: 16px; }

	.post .entry h3 { font-size: 16px; }
	.post .entry p { font-size: 12px; }

	.posts-press .post h3 { font-size: 16px; }
	.posts-press .post p { font-size: 11px; }
	.posts-press .post a {font-size: 11px; }

	a.btn-gallery { width: 210px; font-size: 13px; }
	
	.btn-gallery:after,
	.btn-gallery:before { height: 31px; }

	.btn-gallery:before,
	.btn-gallery:after { background-size: contain; }

}

@media only screen and (max-width: 560px) { 

	.shell { padding: 0 15px; }
	
	.promo-bar { display:none!important; }
	
	.header { text-align: center; padding: 12px 0 ;  }
	
	.link-close { display: inline-block; position: absolute; top: 20px; right: -2px;  }
	.link-menu { display: inline-block; top: 41px; right: 23px; }

	a.link-popup { font-family: 'olifantnormal', sans-serif; font-size: 18px; color: #fff; padding-top: 6px; display: block; letter-spacing: 1.8px;  }
	.link-popup:before,
	.link-popup:after { display: none;  }

	
	.header-content { display: none; }

	.header-content.shown { display: inline-block; position: absolute; top: 100%; left: 0; background-color: #4f6283; z-index: 100; width: 100%;  }
	.nav { padding: 0; display: block; }
	.nav ul li { float: none; margin-right: 0; padding-bottom: 5px;  }
	.nav ul li a { color: #fff;  }

	.slider { top: 81px; }

	.content,
	.sidebar { width: 100%; float: none; }

	.sidebar .widget_nav_menu ul li { background-color: #4f6283; padding: 0; text-align: center; margin-bottom: 10px; }
	.sidebar .widget_nav_menu ul li a { color: #fff; font-size: 18px; letter-spacing: 2.34px; display: block; padding: 3px 0;  }

	.post .entry p { padding-bottom: 25px; }
	.post h1.entry-title { font-size: 30px; }
	.post .entry h3 { font-size: 18px; }

	.posts-section { padding-bottom: 10px; }

	.callout {  text-align: center; padding: 10px 0; }
	.callout h2 { display: inline-block;  border-top: 1px solid #fff; border-bottom: 1px solid #fff;  width: 80%; }
	.menu-popup span { display: block; }
	.callout:before,
	.callout:after { background-size: cover; width: 100%;  }
	.callout:before { top: -23px; }
	.callout:after  { bottom: -25px;  }

	.entry-inner { text-align: center; }
	a.btn-gallery { position: static; width: 100%; display: block; transform:none; margin-bottom: 10px; }
	
	a.btn-gallery:before,
	a.btn-gallery:after { display: none;  }

	.google-map { height: 235px; width: 98%; }

	.entry .cols { padding-top: 20px; }
	.entry .one_half { float: none !important; width: 100% !important; padding: 0 !important;  }

	.carbon_richtext:last-child { padding-bottom: 20px; }

	.post .entry ul li { font-size: 10px; letter-spacing: 0; padding-bottom: 5px;  }

	.sidebar .widget_nav_menu ul li:hover { background-color: #b5c8aa; }

 .posts-press .post { margin-bottom: 20px;  }
 .posts-press .press-cols .one_half { float: none; width: 100%;  }
 .posts-press .post-image { width: 100%; float: none;display: block;  }
 .posts-press .post-image img { width: 100%; height: auto;  }
 .posts-press .post-entry { overflow: visible; padding-left: 0px; display: block; padding-top: 10px;  }

 .posts-press .post { display: block; width: 100%; }
 .posts-press .post:nth-child(even) { padding-left: 0; }


}

@media only screen and (min-device-width: 320px)  and (max-device-width: 667px)  and (orientation: landscape) {
	
	/*.home .footer { position: static;  }*/

	.slider { position: relative;  height: 254px; top: 0; bottom: 0; }
}

@media only screen and (max-width: 380px) {
	

	.logo img { width: 202px; height: 57px; }

	.slider { position: relative;  height: 254px; top: 0; bottom: 0; }

	/*.home .footer { position: static; padding-top: 20px;  }*/

	.slider-prev ,
	.slider-next  {  width: 17px; }

	.widgets-footer h2.widget-title { font-size: 13px; }
	.widgets-footer a, .widgets-footer p { font-size: 9px; }
	.widgets-footer .widget { padding-bottom: 11px; }
	
	.footer .shell { padding: 0px 20px; }

	a.link-popup, 
	.nav ul li a { font-size: 14px;  }

	.intro-image { height: 253px; }

	.post h1.entry-title { font-size: 20px; }
	.post .entry h3 { font-size: 17px; }
	.post .entry ul li { font-size: 10px; padding-bottom: 4px; }
	
	.post .entry p,
	.posts-section p { font-size: 12px; }

	.carbon_richtext h3 { font-size: 16px; }
	.carbon_richtext p a,
	.carbon_richtext p { font-size: 11px; }

	.carbon_richtext:last-child { padding-bottom: 30px; }

}