@import 'lib/stylesheet/framework.less';

@total-width: 960px;
@baseline: 20px;

/*
|--------------------------------------
| Function for styling
|--------------------------------------

// Color
lighten -> lighten("color", "percentage"); ex: lighten(#000, 25%);
darken -> darken("color", "percentage"); ex: darken(#fff, 10);

// Font
#font > .shorthand(@weight: normal, @size: @basefont, @lineHeight: @baseline);

// Border, Gradient, Translucent
.border-radius(@radius: 5px);
.box-shadow(@shadow: 0 1px 3px rgba(0, 0, 0, .25));
.transition(@transition);
.background-clip(@clip);
.content-columns(@columnCount, @columnGap: 20px);
#translucent > .background(@color: @white, @alpha: 1);
#translucent > .border(@color: @white, @alphe: 1);
.opacity(@opacity: 100);
#gradient > .horizontal (@startColor: #555, @endColor: #333);
#gradient > .vertical (@startColor: #555, @endColor: #333);
#gradient > .directional(@startColor: #555, @endColor: #333, @deg: 45deg);
#gradient > .vertical-three-colors(@startColor: #00b3ee, @midColor: #7a43b6, @colorStop: 50%, @endColor: #c3325f);

*/

// Button Theme
@import 'lib/stylesheet/theme/button-default.less';

// Links
@linkColor:         #00a4d8;
@linkColorHover:    #ffac52;

// Color Scheme
@baseColor:         #fff;                 // Set a base color
@baseFontColor1:	#666666;				// Set a base font color 1
@baseFontColor2:	@gray;					// Set a base font color 2
@headingColor:		#0072a5;				// Set a base heading color
@menuColor:			#0072a5;					// Set font color of menu
@menuHover:			#666;	// Set font color of hover
@buttonColor:		#00A4D8;				// Set background color of button
@buttonFontColor:	#fff;					// Set font color of button

// Form
@formFontColor:		@baseColor;				// Set form font color
@placeholder:		@grayLight;				// Set placeholder color

@extra-headerbg: rgba(255,255,255, .5);
@extra-footerbg: rgba(0, 0, 0, .8);

@extra-color: #00a4d8;
@extra-color2: #ccc;
@extra-color3: #F4FBFB;

/*
|--------------------------------------
| Typography
|--------------------------------------
*/

@font-face {
    font-family: 'Questrial';
    src: url('lib/fonts/questrial/questrial-regular-webfont.eot');
    src: url('lib/fonts/questrial/questrial-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('lib/fonts/questrial/questrial-regular-webfont.woff') format('woff'),
         url('lib/fonts/questrial/questrial-regular-webfont.ttf') format('truetype'),
         url('lib/fonts/questrial/questrial-regular-webfont.svg#QuestrialRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@bodyType:			'Questrial', @sans-serif;
@headingType:		'Questrial', @sans-serif;
@menuType:			'Questrial', @sans-serif;
@blockquoteType: 	'Questrial', @sans-serif;
@formType:			'Questrial', @sans-serif;


/*
|--------------------------------------
| Sprites Icon
|--------------------------------------
*/

.sign {
	background-image: url('images/sign.png');
	background-repeat: no-repeat;
	display: block;
	.hide-text;
	width: 74px;
	height: 77px;
	position: absolute;
	bottom: -40px;
	right: 46%;
}

.chiropractor { background-position: 0 0;}
.cost { background-position: -81px 0;}
.blog { background-position: -162px 0;}
.default { background-position: -242px 0;}

.post-icon {
	background-image: url('images/post-icon.png');
	background-repeat: no-repeat;
	display: inline-block;
	.hide-text;
	width: 17px;
	height: 14px;
}
.author { background-position: 0 0;}
.comments { background-position: -25px 0;}

/*
|--------------------------------------
| Your style goes here !!
|--------------------------------------
*/
body { background: url('images/bg.jpg') repeat;}

// Styling when link required
h1, h2, h3, h4, h5, h6 { a { color: @headingColor;} a:hover { text-decoration: none;}}

h1 { font-size: 22px;}
h2 { font-size: 20px;}
h3 { font-size: 18px;}
h4 { font-size: 16px;}

.home, .page-id-1702, .page-id-1383, .page-id-1385, .page-id-1390, .page-id-1498 {
	.dd_post_share {display: none;}
}

div.form_wrapper {
	position: relative;
	float: left;
	// Input
	input[type="text"], input[type="url"], input[type="email"], input[type="tel"], input[type="number"], input[type="password"] {
		.border-radius(3px);
		padding: 4px;
	}
	.submit-button { position: absolute; top: -2px; right: -18px;
		.btn { .border-radius( 0 3px 3px 0); padding: 4px 6px;}
	}
	.newsletter { background: url('images/newsletter.png') no-repeat; .hide-text(); display: block; width: 20px; height: 20px;}
}

#header, #container, #footer { width: 100%; .clearfix();
	.row { margin: 0 auto; width: @total-width; display: block; .clearfix();}
}
article { clear: both;} .columns { overflow: visible;}
.page-template-content-home-php #header{
	background-repeat: no-repeat; background-position: center; .background-size(cover); height: 365px;
	//background-image: url('images/headerbg.jpg');
}

#header {
	#logo { .use-bg(267px, 61px); background: url('images/logo.png') no-repeat left; margin-top: 10px; }
	#description { .hide-text(); width: 0; height: 0;}
	.extra-row { background: @extra-headerbg;}
	.main-header { min-height: 100px; padding-top: 50px;}
}

.head-menu { ul.navmenu-h { }
	li { a { #font > .shorthand(normal, 13px, @baseline);} &.current-menu-item a, a:hover { color: darken(@baseFontColor2, 30);}}
}
.main-menu {
	.title { display: none;}
	ul.navmenu-h {
		li { margin-bottom: 1px;
			a { text-align: center; #font > .shorthand(normal, 15px, 18px); padding: 30px 10px 30px; text-transform: lowercase;}
			&:hover, a:hover { background: @baseColor;}
			&.current-menu-item a { border-bottom: 5px @menuColor solid; background: @baseColor;}
			&.current-menu-item li a { border-bottom: none;}
			ul { margin-top: 1px;}
		}
		ul li {
			a{ padding: 7px 10px; background: @baseColor;}
			a:hover { border-right: 5px @menuColor solid;}
			&.current-menu-item a { border-bottom: none;}
		}
	}
}
.footer-menu { ul.navmenu-h {}
	li { a {  #font > .shorthand(normal, 13px, @baseline);}
		&:first-child a { padding-left: 0;}
	}
}

.latest-post-link {
	margin-top: 20px;
	li { padding: 10px 0;}
	a { #font > .shorthand(normal, 16px, 20px);}
}

.page-title, .category-title, .parent-title {
	#font > .shorthand(bold, 24px, 28px);
	color: @headingColor;
	display: table;
	margin: 60px auto 20px;
}
.title { #font > .shorthand(bold, 18px, 22px); color: @extra-color;}

.news {
	h3 { #font > .shorthand(bold, 18px, 20px);}
	p { clear: none;}
}

.widget-group {
	.widget_categories, .widget_recent_entries, .widget_nav_menu, .widget_jf_pagechildren {
		border-top: 1px solid @headingColor;
		li {
			background: url('images/listbg.png') no-repeat right 9px;
			border-top: dotted 1px @extra-color;
			#font > .shorthand(normal, 15px, 18px); padding: 6px 0 6px;
			a { color: @baseFontColor1; padding-right: 20px; display: block;}
			time { #font > .shorthand(normal, 12px, 14px); color: @headingColor; clear: both;
			}
			&:hover, &.current-menu-item { background: url('images/listbg-hover.png') no-repeat right 9px;}
			&.current-menu-item a, a:hover { text-decoration: none; color: @extra-color;}
		}
	}
	.widget-title { #font > .shorthand(normal, 18px, 22px); color: @headingColor; margin: 12px 0 13px;}
	.list-directory { li {padding-left: 10px;}}
	ul { list-style: none; margin: 0 0 20px; li { padding-left: 0;}}
}

.summary, .latest-post {
	.box-shadow();
	background: @baseColor; padding-top: 0; .border-radius(5px); height: 361px;
	ul, div { padding: 10px; margin-top: 0;}
	.title { background: @extra-color; color: @baseColor; margin:0; padding: 10px 0; text-align: center; .border-radius(5px 5px 0 0);}
}

.brochures {
	.box-shadow();
	background: @baseColor; padding-top: 0; .border-radius(5px); height: 361px;
	div { padding: 0; margin-top: 0;
		img { height: 250px; width: 100%;}
		p { text-align: center; margin-top: 12px; }
		.brochure-link { #font > .shorthand(normal, 18px, 22px); }
	}
	.title { background: @extra-color; color: @baseColor; margin:0; padding: 10px 0; text-align: center; .border-radius(5px 5px 0 0);}
}


.list-directory {
	background: @baseColor; .border-radius(5px); .box-shadow();
	li { padding: 3px 10px; border-top: 1px solid @extra-color2; .clearfix();
		.city { border-bottom: 1px dotted @baseFontColor1; margin-bottom: 6px; #font > .shorthand( normal, 14px, 18px); color: @headingColor; text-transform: uppercase;}
		figure { width: 30%; float: left;}
		p { margin-bottom: 0;}
		.name { #font > .shorthand( normal, 14px, 18px); color: @headingColor; }
		.entry-content { width: 70%; float: left; position: relative;}
		.clinic-name {font-weight: bold;}
		.website { color: @linkColorHover;}
	}
	li:first-child { border: none;}
	li:hover { background: @extra-color3;}
}
article {
	.clearfix();
}

#searchHead {
	background-image: none; background-color: @baseColor; .border-radius(5px); .box-shadow();
	.searchdiv {
		border-top: 1px solid @extra-color2;
		.title { background: none;
			h4{ margin-bottom: 6px; border-bottom: 1px dotted @baseFontColor1; #font > .shorthand( normal, 14px, 18px); color: @headingColor; text-transform: uppercase;}
		}
		&:first-child { border: none;}
		&:hover { background: @extra-color3;}
		p { line-height: 15px;}
	}
}
.search-wrapper { background: none;}
.doctorList {
	form {.clearfix();}
	input[type="text"] { padding: 4px; height: auto; margin: 0;}
	button {
		border: none; text-transform: none; font-family: inherit; height: auto; width: auto; bottom: 0;
	}
	p{ margin-top: 200px;}
	p, .legend { padding: 0 10px;}
}
.searchDoctor { padding: 0;}

.directoryResult {
	.ClinicCity { margin-bottom: 6px; border-bottom: 1px dotted @baseFontColor1; #font > .shorthand( normal, 14px, 18px); color: @headingColor; text-transform: uppercase;}
	.DoctorBasic { background: none;}
	.DoctorName { #font > .shorthand( normal, 14px, 18px); color: @headingColor; }
	.ClinicName {font-weight: bold;}
	td { border: none;}
}

#directoryWidget, .doctorList {
	background-color: @baseColor; height: 361px; .border-radius(5px); .box-shadow(); margin-bottom: 10px; text-align: left;
	form { padding: 0 10px; position: relative;}
	.legend { color: @linkColorHover;}
	img { width: 100%; height: 196px;}
	input[type="text"] { border: 1px solid @linkColorHover; width: 85%;}
	input[type="submit"], button { position: absolute; right: 6px; bottom: 0; padding: 5px 10px; .border-radius( 0 5px 5px 0); background: @linkColorHover;}
	.title { background: @extra-color; color: @baseColor; margin:0; padding: 10px 0; text-align: center; .border-radius(5px 5px 0 0);}
}

.gecko, .opera {
	#directoryWidget input[type="submit"], .doctorList button{ bottom: 0; padding: 3px 10px 2px;}
}

.latest-post {
	li { border-bottom: 1px dotted @extra-color;}
}

.latest-posts { h3 { clear: both;}}

.category-image, .page-image, .blog-image {
	height: 200px;
	width: 100%;
	background-repeat: no-repeat;
	background-position: bottom center;
	background-size: cover;
	-o-background-size: cover;
	-moz-background-size: cover;
	-webkit-background-size: cover;
	position: relative;
}

.no-image {
	min-height: 10px;
	width: 100%;
	position: relative;
	.border-radius(5px);
}

.page-template-content-home-php #container {
	margin-top: -42px;
}

.page .single-page { padding-top: 40px;}

.searchbox { width: 100%; background-color: #f1f1f1; .border-radius(5px); .box-shadow();
	.searchtext { float: left; width: auto; #font > .shorthand(normal, 16px, 18px); padding: 12px;}
	#directorySearchForm { width: auto; float: right; background: none; margin: 0; padding: 5px;
		input[type="text"] { .border-radius();}
		input[type="submit"] { .btnColor(#f99263, #ff6700); border: 1px solid #938d8a;}
	}
}

#container {
	margin: 20px 0 60px;
	.extrabg { background: @baseColor; .border-radius(5px);}
	.extra-row {
		width: @total-width; margin: 0 auto; .box-shadow(); .border-radius(5px);
		.row {
			background-color: @baseColor;
			&:first-child { .border-radius( 5px 5px 0 0);}
			&:last-child { .border-radius(0 0 5px 5px); padding-bottom: 40px; }
		}
	}
	.row.blog-page {
		padding-top: 50px;
	}
	article.post {
		position: relative;
		padding-left: 100px;
		border-top: 1px solid @headingColor;
		.entry-title { #font > .shorthand( normal, 18px, 22px); margin: 10px 0 5px;}
		.entry-footer { border-top: 1px solid @extra-color; clear: both;}
		.entry-meta {
			.author { margin-right: 10px;}
			.comments { margin: 0 10px 0 60px;}
		}
		time { position: absolute; left: 0px; top: 0; background: @extra-color;
			.square(80px);
			.day { position: absolute; color: @baseColor; #font > .shorthand(normal, 40px, 44px); top: 10px; left: 16px;}
			.month-year { position: absolute; bottom: 10px; left: 16px; text-transform: lowercase; color: @headingColor;}
		}
		#nav-single {
			width: auto; float: right;
			a { width: 8px; padding: 0;}
			.meta-nav {
				background-image: url('images/nav.png');
				background-repeat: no-repeat;
				display: inline-block;
				.hide-text;
				width: 8px;
				height: 7px;
			}
			.prev { background-position: 0 0; &:hover { background-position: 0 -14px;}}
			.next { background-position: -16px 0; &:hover { background-position: -18px -14px;}}
			span.nav-previous, span.nav-next { }
			.nav-next {}
		}
	}

	article.page {
		.entry-title { display: none; border-bottom: 1px dotted @headingColor; #font > .shorthand( normal, 25px, 28px); margin: 10px 0 5px;}
	}
	.category {
		border-bottom: 1px solid @headingColor;
		li { .clearfix();}
		p { clear: none;}
		article.post { .entry-footer{ border: none;}}
	}
	.page-numbers {
		margin-top: 0;
		float: right;
		.page-numbers.current, a:hover { border: 1px solid @extra-color; color: @extra-color;}
		a { color: @baseFontColor1; #font > .shorthand(normal, 15px, 18px);}
		.bg {
			background-image: url('images/nav.png');
			background-repeat: no-repeat;
			display: inline-block;
			.hide-text;
			width: 8px;
			height: 13px;
			padding: 0;
			margin-top: 10px;
			border: none;
		}
		.prev.page-numbers { .bg(); background-position: 0 0; &:hover { background-position: 0 -14px;}}
		.next.page-numbers { .bg(); background-position: -16px 0; &:hover { background-position: -18px -14px;}}
	}
}

#footer {
	padding: 0;
	background: url('images/footerbg.jpg') no-repeat center;
	.background-size(cover);
	.widget .widget-title { color: @extra-color;}
	.extra-row{ background: @extra-footerbg; padding-top: 20px;}
	.copyright{ color: @baseColor; text-align: center; clear: both; margin-bottom: 0;}
	.social-group { .clearfix();
		.widget_text { float: left; width: 75%;}
	}
	.social-media { margin-top: 13px; float: left;
		li { float: left; margin-left: 10px; &:first-child { margin-left: 0;} position: relative;}
		.sprites { background-image: url('images/social-icon.png'); background-repeat: no-repeat; display: inline-block; .hide-text; width: 29px; height: 29px;}
		.facebook { background-position: 0 0;}
		.twitter { background-position: -39px 0;}
		.rss { background-position: -76px 0;}
	}
	address {
		p { margin-top: 13px; color: @baseColor;}
	}
	.widget {
		.widget-title { margin: 0 0 13px;}
		a { color: @baseColor;}
	}
	.partner-group {
		margin-top: 20px;
		ul { margin: 20px auto; display: table;}
		li { float: left; margin-right: 10px;}
	}
}

.slider {
	margin: 0; position: relative; .clearfix(); padding-bottom: 20px;
	ul.slides, ol.flex-control-nav, ul.flex-direction-nav { margin: 0; padding: 0; list-style: none;}
	ul.flex-direction-nav { width: @total-width; margin: 200px auto 0; .clearfix(); position: relative;
		li {
			.prev, .next { .hide-text(); background-image: url(images/sprites.png); background-repeat: no-repeat; width: 40px; height: 40px; position: absolute;}

			a { display: block;}
			.prev { background-position: -72px 0; left: 0; &:hover { background-position: -72px -55px;}}
			.next { background-position: -123px 0; right: 0; &:hover { background-position: -123px -55px;}}
		}
	}
	img { width: 100%;}
}

.announcement {
	margin: 0; position: relative; .clearfix(); padding: 20px 10px; background: @extra-color2; .border-radius(5px); min-height: 105px;
	.slides > li { display:none;-webkit-backface-visibility: hidden;}
	ul.slides, ol.flex-control-nav, ul.flex-direction-nav { margin: 0; padding: 0; list-style: none;}
	figure { float: left; margin-right: 4%; width: 17%;
		img { border: solid 5px @baseColor;}
	}
	article {
		div { float: left; width: 76%;}
		p {text-indent: 30px; clear: none; color: @headingColor; font-size: 16px; background: url('images/testi.png') no-repeat left top;}
		.name { position: absolute; bottom: 22px; clear: both; font-weight: bold;}
	}
	ul.flex-direction-nav { margin-top: 60px;
		li {
			.prev, .next { .hide-text(); background-image: url(images/sprites.png); background-repeat: no-repeat; width: 25px; height: 25px; position: absolute;}

			a { display: block;}
			.prev { background-position: 0 -38px; left: 0; &:hover { background-position: 0 -73px;}}
			.next { background-position: -34px -38px; right: 0; &:hover { background-position: -34px -73px;}}
		}
	}
}
.s-category-newsletters.single .page-title {
	position: absolute;
	margin-left: -999em;
}
.s-category-newsletters .entry-meta {
	display: none;
}
/* Startbox Column Shortcodes - "colum" is purposely misspelled to avoid conflict with exists column class */
.colum { width:100%; margin-right:4%; position:relative; float:left; }
.colum.last { clear:right; margin-right:0; }
.one_half { width:48%; }
.one_third { width:30.66%; }
.two_thirds { width:65.33%; }
.one_fourth { width:22%; }
.three_fourths { width:74%; }
.one_fifth { width:16.8%; }
.two_fifths { width:37.6%; }
.three_fifths { width:58.4%; }
.four_fifths { width:79.2%; }
.one_sixth { width:13.33%; }
.five_sixths { width:82.67%; }

/* Video.js */
.video-js {
	width: 100% !important;
	height: 100% !important;
	position: absolute !important;
	top: 0;
	left: 0;
}
.videowidth {
	margin-bottom: 10px;
	margin-top: 10px;
}
.videoWrapper {
	position: relative;
	padding: 0;
	height: 0;
	width: 100%;
	z-index: 1000;
}
.videowidth {
	max-width:100%;
}
img.vjs-poster {
	margin: 0 auto;
}
.right {
	position:relative;
	float:right!important;
	margin-left:10px;
}
/***** OrganicTabs *****/
.vtabs > li {
	list-style: none;
	float: left;
	font-size: 14px;
	padding: 2px 4px;
}
.list-wrap {
	margin-bottom: 10px;
}
.list-wrap h5 {
	color: #36f;
	margin-bottom: 0;
}
.page-id-2339 .widget_jf_pagechildren, .parent-pageid-2339 .widget_jf_pagechildren {
	display: none;
}

/*
|-------------------------------------
| Responsive
|-------------------------------------
*/

// Standard screen
@media (max-width: 1200px) {
	@total-width: 960px;
	#header, #container, #footer { .row { width: @total-width}}
	.width2 { .column(2, @total-width);}
	.width3 { .column(3, @total-width);}
	.width4 { .column(4, @total-width);}
	.width5 { .column(5, @total-width);}
	.width6 { .column(6, @total-width);}
	.width7 { .column(7, @total-width);}
	.width8 { .column(8, @total-width);}
	.width9 { .column(9, @total-width);}
	.width10 { .column(10, @total-width);}
	.width11 { .column(11, @total-width);}
	.width12 { .column(12, @total-width);}
	img{ max-width:100%; height:auto;}
}

// For smaller screen
@media (max-width: 960px) {
	@total-width: 768px;
	#container,#header, #footer { .row { width: @total-width;}}
	.width2, .width3 { .column(4, @total-width);}
	.width4, .width5, .width6 { .column(4, @total-width);}
	.width7, .width8, .width9 { .column(8, @total-width);}
	.width10, .width11, .width12 { .column(12, @total-width);}

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

	.summary, .latest-post, .brochures {
		height: 300px;
		div {overflow: scroll; }
	}

	#container {
		.row {margin-top: 10px; &:first-child{margin-top: 0;}}
		.extra-row {
			h3 { #font > .shorthand(normal, 17px, @baseline);}
			p.quote { span { #font > .shorthand(thin, 14px, 16px);}
				span.big{ #font > .shorthand(normal, 42px, 44px);}
			}
		}
	}

	#footer {
		.width2, .width3 { .column(3, @total-width);}
		.width4, .width5, .width6 { .column(6, @total-width);}
		.width7, .width8, .width9,
		.width10, .width11, .width12 { .column(12, @total-width);}
	}
}

@media (max-width: 600px) {
	@total-width: 100%;
	html, body, form, fieldset, p, div, h1, h2, h3, h4, h5, h6{
		-webkit-text-size-adjust:none; // This stops the iPhone from automatically changing the size of the text when you flip the phone
	}

	h1 { #font > .shorthand(bold,1.5em,2em);}
	h2 { #font > .shorthand(bold,1.4em,2em);}
	h3 { #font > .shorthand(bold,1.3em,2em);}
	h4,h5,h6 { #font > .shorthand(bold,1.2em,2em);}
	p { #font > .shorthand(350,1.1em,1.5em);}

	.page-title, .category-title, .parent-title { margin-bottom: 30px;span {#font > .shorthand(bold,1.3em,2em);}}

	.one.columns, .two.columns, .three.columns, .four.columns, .five.columns,
	.six.columns, .seven.columns, .eight.columns, .nine.columns, .ten.columns,
	.eleven.columns, .twelve.columns { width: 100%; margin: 0; }

	.alignleft, .alignright, .aligncenter { margin: 0 auto; display: table; float: none;}

	img{ max-width:100%; height:auto;}
	#header, #container, #footer { .row {margin: 20px auto 0; width: @total-width;}}
	.width1, .width2, .width3,
	.width4, .width5, .width6,
	.width7, .width8, .width9,
	.width10, .width11, .width12 {
		.column(12, @total-width);
	}

	.summary, .latest-post, .brochures {
		margin: 20px auto 0; width: 300px; height: 350px;
	}

	.brochures {
		img { width: 100%; height: 100%;}
	}

	.main-menu {
		display: table; margin: 0 auto;
		.title { display: table; margin: 0 auto; #font > .shorthand(normal, 1.1em, 18px);}

		&:hover ul.navmenu-h { display: block;}
		ul.navmenu-h { display: none; position: absolute; z-index: 1000; background: @baseColor; margin: 0 auto; overflow: hidden;
			li { float: none;
				a { padding: 10px 10px;}
			}
			ul { display: block; position: relative; margin-left: 10px; background: none; ul {left: 0; width: auto;}}
		}
	}

	.footer-menu {
		display: table; margin: 0 auto;
	}

	#header, #container, #footer {
		.row { width: @total-width; margin-top: 0;}
	}

	#header {

		hgroup { display: block; text-align: center;
			#logo { display: block; margin: 0 auto;}
			#description { #font > .shorthand(bold,1.3em,1.5em);}
		}

		.head-menu {
			display: table; z-index: 1000;
			margin: 0 auto;
			position: relative;
			.title { display: block;}
			ul.navmenu-h { position: absolute; display: none; float: none; background: lighten(@baseColor, 3);}
			li { float: none; position: relative; a { padding-top: 0;}
			&.current-menu-item a, a:hover { padding-top: 0; border-bottom: none;}
			}
			&:hover ul.navmenu-h { display:block;}
		}
	}

	.sign { right: 43%;}

	#container {
		.extra-row {
			.row {
				&:first-child { .border-radius(0);}
				&:last-child { .border-radius(0); padding-bottom: 0;}
			}
		}
		margin-top: 0;
		.latest-posts {
			ul { .clearfix(); margin-bottom: 10px;}
			li { width: 100%; margin: 0;
				img { display: block; margin-left: auto; margin-right: auto; clear: both; float: none;}
			}
		}
		.extra-row {}
	}

	#footer {
		.width1, .width2, .width3,
		.width4, .width5, .width6,
		.width7, .width8, .width9,
		.width10, .width11, .width12 {
			.column(12, @total-width);
		}
		address { text-align: center;}
		form, .social-media { display: table; margin: 0 auto; float: none;}
		form p { text-align: center;}
		.copyright { text-align: center;}
		.social-group, .partner-group, .widget { text-align: center; border: none;}
		.partner-group { display: table; margin:20px auto;
			li { float: none; display: inline-block;}
		}
	}

	.slider, .announcement { min-height: 210px;
		figure { width: 17%; margin-right: 7%;}
		ul.flex-direction-nav { width: @total-width;}
	}
}