/*
Theme Name: Mycrane
Theme URI:
Description:
Version: 1.03
Tags: responsive-layout
*/

@import 'style/default.css';

.p29 {
	background:#f5f5f5;
	color:#333;
}
.p29 .inner, .p29 .softinner {
	padding-top:15px;
	padding-bottom:15px;
}
.p44 #the_logo {
	float:left;
	margin:15px 0;
} 
.has_slider .p44 #the_header { 
	position:relative;
}
.devtype .p44 #the_header {
	background:#fff;
}
.p44 #navigation {
	float:right;
	margin:15px 0;
} 
.p44 #navigation   ul.wpmenu > li {
	/* margin:10px; */
	display:inline-block;
} 
.p44 #hero {
	clear:both;
	background:#313131;
	font-size:40px;
}
.p44 #hero img {
	padding-top:0; 
}
.devtype .p44 #hero img { 
	position:relative;
	z-index:33;
}
.p44 #slideshow_header { 
	z-index:33;
}
.p44 #navigation ul.wpmenu > li > a { 
	font-weight:bold;
}
.p23 {
	padding-top:40px;
	padding-bottom:40px;
}
.p23 h1 {
	font-size:50px;
	font-weight:bold;
}
.p23 h2 {
	margin-top:24px;
	font-size:24px;
	font-weight:normal;
}
.p30 {
	background:#111;
	color:#fff; 
}
.p30 .inner, .p30 .softinner {
	padding-top:50px;
	padding-bottom:50px;
}
.p30 p.h3.widget-title {
	color:#fff;
}
.p27 {
	background:#f1f1f1;
	color:#b7b7b7; 
}
.p27 > div  {
	padding-top:50px;
	padding-bottom:50px;
	text-align:center;
}
.sf-menu li:hover ul, .sf-menu li.sfHover ul {
	left:0;
}
.page article.type-post, .archive article.type-post {
	padding:22px;
	background:#fff;
	text-align:center;
}
.page-template article.type-post .category-item-img, .page-template article.type-post.format-gallery > div.room_slideshow_container, .page-template article.type-post .post_format_header_video,
.archive article.type-post .category-item-img, .archive article.type-post.format-gallery > div.room_slideshow_container, .archive article.type-post .post_format_header_video {
	margin:-20px;
	margin-bottom:20px;
}
#copy .sc_social_icons a {
	font-size:24px;
	width:50px;
	height:50px;
	line-height:48px;
	border:1px solid;
	border-radius:50px;
	position:relative;
	top:0;
}
#copy .sc_social_icons a:hover {
	top:-4px;
	box-shadow:0px 3px 10px -3px rgba(0,0,0,0.8);
}

@media only screen and (max-width: 1369px)  { 
	header#header .inner.sg_center_vertical {
		width:100%;
	}
}


 @media only screen and (min-width: 480px) and (max-width: 767px)  { 
 .p44 #hero > div {
	padding:0;
} 
 }
 @media only screen and (min-width: 320px) and (max-width: 479px)  { 
 .p44 #hero > div {
	padding:0;
} 
 }