/*
Theme name: Sidmouth Farmhouse
Description: Custom Theme
*/

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

body, html { height: 100%; }

body {
    font-size: 13px;
    line-height: 22px;
    font-family: 'Roboto', arial, sans-serif;
    font-weight: 400; 
    color: #000;
    background: #fff;
    min-width: 1180px;
}

a { color: #3c568d; text-decoration: none; cursor: pointer; }
a:hover { text-decoration: underline; }
a img { border: 0; }

input, textarea, select { font-size: 12px; font-family: arial, sans-serif; }
textarea { overflow: auto; }

.cl { display: block; height: 0; font-size: 0; line-height: 0; text-indent: -4000px; clear: both; }

.clearfix,
.header,
#navigation,
.slide,
.features,
.container,
.accommodation,
.footer-nav { *zoom: 1; }

.clearfix:after,
.header:after,
#navigation:after,
.slide:after,
.features:after,
.container:after,
.accommodation:after,
.footer-nav:after { content: ''; display:block; clear: both; width: 100%; font-size: 0; line-height: 0; text-indent: -4000px; }

.notext { font-size: 0; line-height: 0; text-indent: -4000px; }
.left, .alignleft { float: left; display: inline; }
.right, .alignright { float: right; display: inline; }

.shell { width: 1180px; margin: 0 auto; }

/*
	TRANSITIONS
	============================
*/

#navigation li a {
	-webkit-transition: background 0.2s;
    -moz-transition: background 0.2s;
    -ms-transition: background 0.2s;
    -o-transition: background 0.2s;
    transition: background 0.2s;
}

.feature a,
a.wifi-icon {
    -webkit-transition: opacity 0.2s;
    -moz-transition: opacity 0.2s;
    -ms-transition: opacity 0.2s;
    -o-transition: opacity 0.2s;
    transition: opacity 0.2s;   
}

.footer-bottom p a,
.footer-nav li a {
    -webkit-transition: color 0.2s;
    -moz-transition: color 0.2s;
    -ms-transition: color 0.2s;
    -o-transition: color 0.2s;
    transition: color 0.2s;
}

/*
	HEADER
	=============================
*/

h1#logo { width: 420px; float: left; font-size: 46px; line-height: 33px; position: relative; font-family: 'Droid Serif', arial, serif; font-weight: 400; margin-top: 47px; letter-spacing: -0.04em; }
h1#logo a { color: #3c568d; }
h1#logo a span { font-size: 24px; line-height: 33px; color: #aabddb; font-family: 'Roboto Slab', arial, serif; font-weight: 700; display: block; letter-spacing: -0.04em; }
h1#logo a:hover { text-decoration: none; }

.header-right { width: 700px; float: right; }

.contact-info { padding-top: 26px; text-align: right; font-size: 16px; line-height: 20px; font-family: 'Droid Serif', arial, serif; color: #666; padding-bottom: 30px; font-weight: 400; }
.contact-info a { margin-right: 15px; color: #666; }

.header { position:relative; z-index: 100; }

#navigation { padding-bottom: 23px; }
#navigation ul { list-style: none outside; font-size: 13px; line-height: 35px; font-family: 'Droid Serif', arial, serif; font-weight: 400; float: right; }
#navigation li { float: left; padding: 0 0 0 14px; position:relative; }
#navigation li a { display: block; width: 96px; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; -o-border-radius: 4px;  color: #3c568d; background: #c7d6ed; text-align: center; }
#navigation li a:hover,
#navigation li.active > a,
#navigation li.current-page-item a { text-decoration: none; background: #5c7abc; color: #fff; }
#navigation li ul { position: absolute; top: 100%; padding: 1px 0 0; left: 0; display:none; }
#navigation li:hover > ul { display:block; }
#navigation li ul li { float:none; display:block; padding-bottom:2px; }
#navigation li ul li a { width: auto; white-space: nowrap; padding-left:10px; padding-right:10px;  }

/*
    MAIN
    =============================
*/

.home-slider { margin-bottom: 20px; }
.home-slider, .home-slider .carousel { width: 1180px; height: 405px; overflow: hidden; position: relative; }

.slide { width: 1180px; height: 405px; float: left; }

.bigslide-img { width: 795px; height: 405px; position: relative; float: left; }
.bigslide-img img { position: relative; z-index: 1; }

.slide-cnt { position: absolute; top: 89px; left: 0; padding: 40px 40px 30px 40px; background: url(images/blue-transparent-darker.png) repeat 0 0; color: #fff; font-family: 'Roboto', arial, serif; font-weight: 400; font-size: 13px; line-height: 19px; z-index: 5; width: 300px; }
.slide-cnt h2 { font-family: 'Droid Serif', arial, serif; font-weight: 400; color: #fff; font-size: 36px; line-height: 40px; padding-bottom: 12px; }

.smallslide-imgs { float: right; width: 381px; height: 400px; }
.smallslide-imgs > * { display:block; padding-top:5px; }
.smallslide-imgs > *:first-child { padding-top:0; }
.smallslide-imgs img { width: 381px; height: 200px; display: block; }
.smallslide-imgs img:first-child { padding-top: 0; }

.features { padding-bottom: 38px; }
.feature { width: 380px; height: 240px; float: left; margin-left: 20px; font-size: 22px; font-family: 'Droid Serif', arial, serif; font-weight: 400; }
.feature a { display: block; position: relative; color: #fff; }
.feature a img { width: 380px; height: 240px; display: block; z-index: 1; position: relative; }
.feature a:hover { opacity: 0.80; -moz-opacity: 0.80; filter:alpha(opacity=80); }
.feature:first-child { margin-left: 0; }
.feature a span { position: absolute; bottom: 0; left: 0; right: 0; height: 54px; padding: 0 20px; line-height: 54px; color: #fff; display: block; background: url(images/blue-transparent-darker.png) repeat 0 0; z-index: 10; }
.feature a span small { float: right; }

.accommodation { float: right; width: auto; float: right; background: #e9eff8; padding: 13px 16px 13px 20px; color: #3c568d; font-family: 'Roboto', arial, serif; font-weight: 400; font-size: 13px; line-height: 16px; }
.accommodation h3 { font-size: 19px; line-height: 20px; font-family: 'Droid Serif', arial, serif; color: #3c568d; font-weight: 400; padding-bottom: 25px; }
.accommodation h4 { font-size: 15px; line-height: 22px; font-family: 'Roboto', arial, serif; font-weight: 700; text-transform: uppercase; color: #3c568d; padding-bottom: 14px; }
.accommodation ul { list-style: none outside; }
.accommodation li { padding: 0 0 13px 18px; background: url(images/accommodation-list-bullet.png) no-repeat 0 5px; }

.calendar { width: 287px; float: right; }

.acc-cnt { height: 100%; overflow: hidden; padding-top: 8px; }

.content { height: 100%; overflow: hidden; padding-right: 30px; }
.content h2 { font-size: 24px; line-height: 24px; font-family: 'Droid Serif', arial, serif; font-weight: 400; color: #3c568d; padding-bottom: 14px; }
.content h3 { font-size: 18px; line-height: 24px; font-family: 'Droid Serif', arial, serif; font-weight: 400; color: #3c568d; padding: 0; margin: 5px 0 5px 0; }
.content ul{ margin: 0 0 15px 15px; }
.content ul li{ list-style-type: disc; list-style-position: inside; }
.content p { padding-bottom: 12px; }
.content .posts-section tbody tr:first-child { background: #333; font-weight: bold; color: white; text-transform: uppercase; font-size: 12px; }
.content .posts-section tbody tr td { padding: 5px 20px; }
.content .posts-section tr:nth-child(odd) { background: lightgrey; }
.post * ~ h2 { padding-top: 24px; }

/*
    FOOTER
    =============================
*/

#footer { border-top: 5px solid #e9eff8; }

.footer-nav { padding: 20px 0; line-height: 24px; font-family: 'Droid Serif', arial, serif; font-weight: 400; border-bottom: 5px solid #e9eff8; }
.footer-nav h4 { font-size: 18px; line-height: 24px; font-family: 'Droid Serif', arial, serif; color: #5c7abc; text-transform: uppercase; padding: 0; display: inline; width: 400px; float: left; font-weight: 400; }
.footer-nav ul { float: right; list-style: none outside; padding-right: 5px; }
.footer-nav li { float: left; font-size: 16px; line-height: 24px; font-style: italic; padding-left: 53px; }
.footer-nav li a { color: #5c7abc; }
.footer-nav li a:hover { text-decoration: none; color: #000; }

.footer-bottom { padding: 32px 0; position: relative; font-size: 13px; font-family: 'Roboto', arial, serif; font-weight: 400; color: #000; }
.footer-bottom p { padding-bottom: 14px; }
.footer-bottom p a { color: #000; }
.footer-bottom p a:hover { text-decoration: none; color: #5c7abc; }
.footer-bottom p em { font-size: 11px; color: #7f7f7f; font-style:normal; }

a.wifi-icon { position: absolute; top: 37px; right: 0; width: 74px; height: 32px; font-size: 0; line-height: 0; text-indent: -4000px; background: url(images/wifi-ico.png) no-repeat 0 0; }
a.wifi-icon:hover { opacity: 0.80; -moz-opacity: 0.80; filter:alpha(opacity=80); }

.widget_wpdev_booking { width: 100%;}
.widget_wpdev_booking .datepick-inline, div#datepick-div { width: 100% !important; }
.datepick-one-month { width: 100%; }
.widget_wpdev_booking .datepick-inline table.datepick td a,
.widget_wpdev_booking .datepick-header, div#datepick-div .datepick-header,
.widget_wpdev_booking .datepick-inline table.datepick, div#datepick-div table.datepick { width: auto !important; float:none; }
.widget_wpdev_booking .datepick-inline table.datepick { width: 100% !important; }
.widget_wpdev_booking .datepick-inline table.datepick td a, div#datepick-div table.datepick td a,.widget_wpdev_booking .datepick-inline table.datepick td, div#datepick-div table.datepick td { height:40px; line-height:40px; }