/*
Theme Name: Sheriff Charters Theme
Theme URI: http://sheriffchartersnarooma.com.au
Description: Sheriff Charters Narooma theme.
Version: 1.0
Author: Adrian Fisse
Author URI: http://www.adrianfisse.com
*/

/* CUSTOM */


@import url(http://fonts.googleapis.com/css?family=Roboto+Slab:400,300,700);

body{
font-family: 'Roboto Slab', Georgia, serif !important; 
font-weight: 400 !important;  color:#000; 
background: #fff url('/wp-content/themes/sheriff-charters/images/main-bg.jpg') no-repeat center 230px !important;
}

h1, h2, h3, h4, h5, h6{font-family: 'Roboto Slab', Georgia, serif !important; font-weight: 700 !important;}
p, ol, li{font-family: 'Roboto Slab', Georgia, serif !important; font-weight: 400 !important;}

body.home h1, body.home h2{text-align:center; padding:0px 75px;}
body.home h2{font-weight:300 !important; margin-bottom:35px;}

h1{font-size:32px}
h2{font-size:20px}
h3{font-size:22px; line-height:1.3em}
h4{font-size:18px}

#content #main header h1.page-title{
border-bottom: 1px solid #DAE7EE;
padding-bottom: 15px;
margin-top: 5px;
}

strong{font-weight: 700;}

div.header-wrap{
background: #000 url('/wp-content/themes/sheriff-charters/images/header-top.jpg') no-repeat center 0px !important; }

div.nav-wrap{
background: #fff url('/wp-content/themes/sheriff-charters/images/header-bottom.jpg') no-repeat top center !important;
height: 132px;
padding-top: 78px;
}

.nav-bar > li {background: transparent; border-color: transparent!important; color:#000 !important; cursor:pointer;}
.nav-bar > li:hover {background: #fff; border-color: #fff !important; cursor:pointer;}

.nav-bar > li.active, .nav-bar > li.active:hover{
background: transparent !important;
border-color: transparent !important;
cursor:pointer;
}

.nav-bar > li.active > a {
color:#6f9baa !important;
}

.nav-bar > li > a {
color:#000000 !important;
}

.nav-bar > li > a:hover {
color:#f1202c !important;
}

.nav-bar > li > a:first-child {
padding: 0 20px 0px 0px;
font-size: 17px;
font-weight: 700;}

ul.nav-bar{
background: transparent;
width: 960px;
padding: 5px 0px 20px;
margin: 0px auto !important;
position: relative;
z-index: 100;
}

ul.nav-bar li#menu-item-27{margin-left: 215px;}
ul.nav-bar li#menu-item-24 a{padding-right: 0px !important;}

div.siteinfo{height:68px;}

div.siteinfo h1{
left: -12px;
width: 370px;
height: 160px;
background-size: 100%;
background: transparent url('/wp-content/themes/sheriff-charters/images/logo.png') no-repeat -5px 0px;
text-align: center;
margin: 0px auto;
padding: 0px;
top: 25px;
text-indent: -4000px;
position: relative;
z-index: 5;
}

div.siteinfo h4{
display:none;
}


div.addthis_toolbox{float:right}

div.siteinfo a.contact-phone{
color: #efdf3f !important;
position: absolute;
z-index: 5;
top: 25px;
right: 20px;
font-weight:strong;

}

div.siteinfo a.contact-phone:after{content:"Bookings: 0447 951 359";}

div.siteinfo a.contact-small{display:none;}

#content #featured-image img{border: 0px !important; box-shadow:0px 0px 0px !important; padding-bottom:20px;}


#featured {border: 0px !important; height: 444px !important; overflow:hidden}
div.orbit-wrapper div.timer{display:none !important}
div.orbit-slide {
height: 444px !important;}

#featured div.overlay{
background: rgba(54, 124, 163, 0.75);
color: #fff;
width: 40%;
margin-left: 40px;
margin-top: 50px;
padding: 40px 40px 25px;
}

#featured p{
padding: 0px 0px !important;
width:100% !important;
font-size: 25px;
line-height:30px;
font-weight: 700 !important;
text-shadow: 0px -1px #003366;
}

#featured p a{text-shadow:0px 0px; color:#fff !important;}
#featured{display:none !important;}

div#main.twelve{background:#fff;}
div#main {margin-bottom:30px;}
body.home div#main.twelve{background:transparent;}

div.su-table table:nth-of-type(1) {margin-top: 20px !important;}

div.su-table table tr:nth-of-type(1) td {background:#6392be !important; color: #fff !important; font-weight: 700 !important}

div.su-table td{border: 1px solid #fff !important; background: #DAEBF3 !important;}
div.su-table .su-even td {background: #f0f6f9 !important;}

.fb-like-box{background:#fff;}

.button {
width: auto;
background: #dc1c31;
-webkit-box-shadow: 0px 0px 0px rgba(255, 255, 255, 0.5) inset;
-moz-box-shadow: 0px 0px 0px rgba(255, 255, 255, 0.5) inset;
box-shadow: 0px 0px 0px rgba(255, 255, 255, 0.5) inset;
color: white;
cursor: pointer;
display: inline-block;
font-family: 'Roboto Slab';
border: 0px !important;
border-bottom: 5px solid rgba(0,0,0,0.5) !important;
font-size: 18px;
font-weight: bold;
padding: 9px 20px 7px;
}

a{color:#20A2BB !important;}

.button span{border-top: none !important; border-bottom: none !important;}

.button:hover {
color: white;
background-color: #20A2BB !important;
opacity: 100% !important;
}

.button.outer{
margin-top:10px !important;
}

.button.outer.left{margin-left:0px}
.button.outer.right{margin-right:0px}

.button.radius{
-webkit-border-radius: 0px;
-moz-border-radius: 0px;
-ms-border-radius: 0px;
-o-border-radius: 0px;
border-radius: 0px;
}

body.home #main{margin-bottom:0px !important}

.lower-home{
width:100%; background: #f0f6f9;
padding-top: 65px;
margin-top: -50px;
}

div#sidebar2{padding:40px 0px !important}
div#text-2{
padding: 40px 80px;
border-top: 1px solid #f0f6f9;
border-bottom: 1px solid #f0f6f9;
background: #fff;}

div.panel {
background: #f0f6f9 !important;
border: 0px !important;
}

div#sidebar1 .widget-book{
background: #6392be;
padding: 15px;
color: #fff;
line-height: 20px;
}

div#sidebar1 .widget-book p{margin-bottom:15px;}
div#sidebar1 .widget-book a{color:#fff !important; text-decoration:underline; cursor:pointer; font-weight:700;}

div#sidebar2 div#text-5{vertical-align:top; width: 48%; display:inline-block; margin:0% 2% 0% 0%; padding:0px;}
.google-map-placeholder {border: 0px !important;}
div#sidebar2 div#text-6{vertical-align:top; width: 48%; display:inline-block; margin:0px; padding:0px;}

h4.widgettitle{color:#6392be; text-shadow: 0px 1px #fff;}
section.post_content h4{color:#dc1c31; margin-top:30px;}
div#sidebar1 div.widget{margin-bottom:30px;}

body .textwidget a.su-button.footer-link{
width:100% !important;
margin:0px !important;
padding:0px !important;
-webkit-border-radius: 0px !important;
-moz-border-radius: 0px !important;
-ms-border-radius: 0px !important;
-o-border-radius: 0px !important;
border-radius: 0px !important;
float:none;
}

.footer-wrap{width:100%; background:#000;}
.footer-wrap p.copyright{color:#aaa;}

.footer-wrap ul.link-list {
margin: 20px 0 5px -22px !important;
}

div.lower-home div.twelve.columns div.lower-posts:nth-of-type(1) {
float:right !important;
}
div.lower-home div.twelve.columns div.lower-posts:nth-of-type(3) {
float:left !important;
margin:10px 30px 0px 0px !important;
}

body.home .su-button{
display:block !important;
float:left;
width: 27.75%;
margin:0px 10px;
}

body.home .su-button span{
font-size: 20px !important;
padding: 0px 0px !important;
}

div.lower-posts{float:right; margin: 10px 0px 0px 30px;}

div.large-12 ul li{list-style-type:none; float:left; margin-right:10px;}

/* layout */

.more-link{
	white-space: nowrap;
}

p.attribution{
	text-align: right; color:#999; 
}

p.attribution a{color:#555 !important; text-decoration:underline;}


article.post{
	margin-bottom: 18px;
	border-bottom: 1px solid #E6E6E6;
}

header .menu-action {
    float: left;
    margin-top: 0;
    position: relative;
    top: 1px;
}

header .menu-action .button.small {
    padding: 8px;
}

header .menu-action .button.small svg {
    opacity: 0.5;
}

.mobile-nav-container{
	margin-left: -100%;
	float: left;
	width: 50%;
	position: absolute;
	top: 150px;
}

.active .mobile-nav-container{
	display: block;
	margin-left: 0;
}

.active #main{
	margin-left: 55%;
}

.mobile-nav-container,
#main{
	-moz-transition: all 0.25s ease-in 0s;
}

.side-nav{
	height: auto;
}

ul.tabs.vertical {
    border-bottom: 1px solid #E6E6E6;
    height: auto;
}

ul.tabs {
    border-bottom: 1px solid #E6E6E6;
    display: block;
    height: 40px;
    margin-bottom: 20px;
    padding: 0;
}

ul.tabs.vertical li {
    border-left: 3px solid #CCCCCC;
}

ul.tabs.vertical li, ul.tabs.vertical li {
    float: none;
    height: auto;
}

ul.tabs li:first-child {
    margin-left: 0;
}

ul.tabs li {
    display: block;
    float: left;
    margin: 0;
    padding: 0;
}

ul.tabs.vertical li a {
    -moz-border-bottom-colors: none;
    -moz-border-image: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background: none repeat scroll 0 0 #F2F2F2;
    border-color: #E6E6E6;
    border-style: solid;
    border-width: 1px 1px 0 0;
    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.5) inset;
    color: #555555;
    display: block;
    font-size: 14px;
    height: auto;
    line-height: 1;
    padding: 15px 20px;
}

ul.tabs li a {
    color: #6F6F6F;
    display: block;
    font-size: 14px;
    height: 40px;
    line-height: 40px;
    padding: 0 23.8px;
}

/* typography */
h1, h2, h3, h4, h5, h6{ font-family: 'Open Sans', sans-serif; font-weight: 300;}

.siteinfo h1{ font-weight: 800; }

/* post styling */

#main p.meta{
	font-style: italic;
	color: #808080;
}

div[id*='attachment_']{
	max-width: 100%;
	height: 100%;
}

#credit320{
	display:block; float:right;
}

#main article img{
	max-width: 100%;
	margin-bottom: 20px;
}

h1.single-title{
	line-height: 1.1;
}

p img, img.wp-post-image{
margin:0px; 
border: 20px solid #fff;
box-shadow: 0px 5px 0px rgba(0,0,0,0.4);
-ms-box-shadow: 0px 5px 0px rgba(0,0,0,0.4);
-moz-box-shadow: 0px 5px 0px rgba(0,0,0,0.4);
-webkit-box-shadow: 0px 5px 0px rgba(0,0,0,0.4);
}

img.alignleft{
	margin-right: 20px;
	float: left;
}

img.alignright{
	margin-left: 20px;
	float: right;
}

img.aligncenter{
	display: block;
	margin: 0 auto;
}

p.tags a:hover{
	color: #f0f0f0;
}

video {
	max-width: 100%;
	height: auto;
}

.video-container {
	position: relative;
	padding-bottom: 56.25%;
	padding-top: 30px;
	height: 0;
	overflow: hidden;
}

.video-container iframe,  
.video-container object,  
.video-container embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.video-wrapper {
	width: 630px;
	max-width: 100%;
	margin-bottom: 18px;
}

pre {
    background-color: #F5F5F5;
    border: 1px solid rgba(0, 0, 0, 0.15);
    display: block;
    font-size: 12px;
    line-height: 18px;
    margin: 0 0 18px;
    padding: 8.5px;
    white-space: pre-wrap;
    word-wrap: break-word;
}

code {
    color: rgba(0, 0, 0, 0.75);
    padding: 1px 3px;
}

code, pre {
    font-family: Monaco,Andale Mono,Courier New,monospace;
    font-size: 12px;
	padding: 5px 15px;
}

/* featured posts slider */
#featured{
	border: 1px solid #E6E6E6;
}

#featured div{
	padding: 0 15px;
}

#featured h3{
	margin-top: .2em;
	padding-left: .05em;
}

#featured p{
	padding-left: .1em;
}

#featured h3,
#featured p{
	width: 100%;
}

/* page styling */

.page-template-page-homepage-php #main {
	border-bottom: none;
}

/* comments */

#comments{
	line-height: 3.1rem;
	margin-bottom: 18px;
}

ol.commentlist,
ol.commentlist ul.children{
	list-style-type: none;
	margin-left: 0;
}

ol.commentlist div.avatar{
	float: left;
	margin-right: 10px;
}

ol.commentlist time{
	font-size: .8em;
	color: #eeeeee;
}

ol.commentlist div.comment-author{
	position: relative;
}

.panel ol.commentlist a.comment-edit-link{
	color: #ffffff;
	text-decoration: none;
}

ol.commentlist span.edit-comment{
	position: absolute;
	right: 1.5em;
	top: 0;
}

.comment h4{
	margin-bottom: 0;
}

a.comment-reply-link{
	position: absolute;
	right: 1.5em;
	bottom: 0;
}

#cancel-comment-reply{
	padding-left: 20px;
}

#comment-nav ul{
	list-style-type: none;
	margin: 0;
}

#comment-form-elements{
	list-style-type: none;
	margin: 0;
}

/* specific post-type styles */

/* image attachment */

.attachment #main .post_content img{
	max-width: 100%;
}

li.next{
	text-align: right;
}

#sidebar1 .metadata,
#sidebar1 .caption{
	padding-bottom: 20px;
}

/* widget styles */

.widget{
	margin-bottom: 18px;
}

.widget li{
	margin-bottom: 2px;
}

.widget ul.children{
	margin-bottom: 0;
}

.widget ul.children li{
	margin-left: 9px;
}

#tag-cloud{
	margin-bottom: 18px;
}

a[class^='tag-link-']:hover{
	color: #f0f0f0;
}

@media only screen and (min-width: 768px) {
	ol.commentlist div.avatar{
		margin-right: 0;
	}
	
	#main{
		border-bottom: none;
	}

	#featured h3{
		margin-top: 2em;
		padding-left: 2em;
	}

	#featured p{
		padding-left: 4em;
	}

	#featured h3,
	#featured p{
		width: 66%;
	}
}

@media only screen and (min-width: 940px) {
	/* desktop specific styles */
	
	#main{
		margin-bottom: 0;
	}
	
	ol.commentlist div.avatar{
		margin-right: 0;
	}
	
}

@media only screen and (max-width: 1000px) {
	/* mobile/tablet specific styles */

#sidebar1 #fblike-3, #sidebar2{display:none}

p img, img.wp-post-image {
margin: 0px 0px 30px 0px;}

div.lower-posts {
float: right;
margin: 0px;}

body.home h1, body.home h2 {
text-align: left;
padding: 0px;
}

h1 {
font-size: 25px;
}

#content #main header h1.page-title{margin-top:20px;}

h2 {
font-size: 17px;
}

body.home h3{clear:both}

.su-button {
display: block !important;
float: none;
width: 100% !important;
margin: 0px auto !important;
padding-left:0px; padding-right:0px;
}

body.home .su-button{margin:3px auto !important}

div.addthis_toolbox{
position: absolute;
left: 13px;
top: 111px;
display:none;
}

.active #main div.addthis_toolbox, .active #main div#featured-image{display:none}


div.orbit-wrapper, #featured{height: 120px !important; margin-top:15px;}
div.orbit-wrapper #featured div{background-size: 120% !important}
.active #main div.orbit-wrapper #featured div{background-size: 250% !important}

div.orbit-wrapper div.slider-nav, div.overlay{display:none !important;}

div.orbit-wrapper div.mobile-logo{background: url(/wp-content/themes/sheriff-charters/images/logo.png) no-repeat center center !important; height:133px; width:100%;}
div.orbit-wrapper{height: 133px !important;}

body{
background: #fff !important;
background-image: none !important;
}

body.home a.button{padding-left:0px; padding-right:0px;}

div.nav-wrap {
background: #fff;
height: 0px;
padding-top: 0px;
display: none;
}
.show-for-small{
display: block !important;
}

#content #featured-image img {
padding-bottom: 0px;
padding-top: 15px;
}

div.header-wrap {background:#000 !important}

div.siteinfo{height:inherit; width:80%; float:left;}

div.siteinfo h1 {
width: 100%;
height: auto;
line-height:15px;
background: none;
text-align: left !important;
margin: 0px auto;
padding: 10px 0px 0px 12px;
text-indent: 0px;
position: inherit;
z-index: inherit;
}

div.siteinfo h1 a{
color: #E61F35 !important;
font-size: 16px;
}

.mobile-nav-container{top:68px !important}

div.siteinfo a.contact-phone{display:none;}

a.contact-small[href^=tel]{
float: right;
display: block;
width: 34px !important;
height: 40px !important;
overflow: hidden !important;
background: #9AB9C5 url(images/phone.png) no-repeat 4px 5px;
background-size: 75% !important;
position: absolute;
margin: 0px 0px 0px 0px !important;
top: 15px;
border-bottom: 5px solid #385163;
cursor: pointer;
right: 15px;
font-size: 0px !important;
color: #000 !important;
line-height: 0px !important;
content: "" !important;
}

a.contact-small:hover{
background-size: 75% !important;
background: #20A2BB url(images/phone.png) no-repeat 4px 5px !important; }

.button.secondary {
background-color: #9AB9C5;}


p.copyright{margin-top:20px;}

header#top-header{height: 55px; padding: 13px 0px 0px 0px;}

#wpadminbar{display:none}

}

/*DAZ-August-08-2019*/
@media only screen and (max-width: 1000px){
    body .metaslider{
        margin-top: 50px !important;
    }
}
body .metaslider img{
    margin-bottom: 0 !important;
}
.metaslider .caption-wrap{
    background: rgba(54, 124, 163, 0.75) !important;
    color: #fff !important;
    padding: 40px 40px 25px;
    opacity: 1 !important;
}
@media only screen and (min-width: 1001px){
    .metaslider .caption-wrap{
        width: 40% !important;
        margin: 0 0 40px 40px !important;
    }
}
.metaslider .caption{
    padding: 0 !important;
}
body .metaslider h2{
    padding: 0px 0px !important;
    width: 100% !important;
    font-size: 25px;
    line-height: 30px;
    font-weight: 700 !important;
    text-shadow: 0px -1px #003366;
    text-align: left !important;
    padding: 0 !important;
}
body .metaslider a{
    color: #fff !important;
}
div.siteinfo h1{
    width: 340px !important;
    background-position: right;
    background-size: contain;
}
ul.nav-bar li#menu-item-27{
    margin-left: 290px;
}
ul.nav-bar{
text-align: center;
}
.nav-bar > li{
    text-align: center;
    float: unset;
    display: inline-block;
}