/*--
	Theme Name: Mirja Theme
	Description: Theme for Mirja Johansson Psykolog
	Template: mirja-parent-theme
	Version: 1.0 
--*/

@import url("../mirja-parent-theme/style.css");


.frontpage-box { width: 30%; float: left; padding: 0 3% 0 0}
.frontpage-box:nth-child(3) { padding: 0; float: right }
.frontpage-2-3 { width: 63%; float: left; padding: 0 3% 0 0}

h1, h2, h3 { font-family: "Open Sans", Tahoma, sans-serif; text-shadow: none;font-weight: bold}
input[type="email"] {background: #fff;border: 1px solid #e2e1da;padding: 7px 6px 8px 14px;color: #696969;font-size: 14px;}

.logo h1, .logo h2 { font-family: 'Arapey', serif; font-style: italic; padding-left: 0;}
.logo .tagline { padding-left: 0; font-family: "Arapey",serif;font-size: 13px}
.logo h1 a, .logo h2 a { font-family: 'Arapey', serif; font-style: italic; width: auto; text-transform: none}
.logo h1, .logo h2 { background: none} 
.home .logo h1 { line-height: 3px; }
.home .logo h1 .tagline { font-size: 15px; }
.logo { padding-bottom: 12px}
#slider {height: 330px; }
#slider-wrapper{height: 352px}
#slider, #slider img, #slider .nivo-slice { border-radius: 8px}
#header { padding-top: 30px}
.nivo-caption { left: 667px; width: auto; height: 54px; top: 232px;padding: 14px 16px; text-align: right;border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px;background: rgba(255,255,255,1)!important;display: none!important;}
.nivo-caption .nivo-caption-inner  {font-size: 19px; line-height: 25px}
#menu-sidomeny ul li { padding-bottom: 8px; }
.sf-menu ul {min-width: 250px; padding: 4px 0 0; background-repeat: no-repeat; margin-top: -13px;}
.sf-menu li:last-child ul {min-width: 200px;}
.sf-menu .sub-menu li { background: #aaa599; /*#4D5F5D*/ font-weight: bold}
.sf-menu .sub-menu li:first-child { padding-top: 16px}
.sf-menu .sub-menu li:last-child { padding-bottom: 20px}
.sf-menu ul { background-image: none }
.sf-menu li li > a:hover, .sf-menu li li.sfHover > a, .sf-menu li li > a:focus, .sf-menu li li.current-menu-item > a, .sf-menu li li > a:active { background-color: #888277; background-image: none; text-shadow: none}
.sf-menu li li a { text-shadow: none; padding: 10px 10px 10px 20px;}
.sf-menu > li > a {color: #666 !important; font-size: 18px; text-shadow: none; font-family: "Open Sans", Helvetica, Arial, sans-serif; font-weight: bold; font-style: italic;}
.nivo-controlNav, .nivo-directionNav { display: none;}
.slider-wrapper {height: 348px;}
.home .primary_content_wrap {padding-top: 9px;}
.wpcf7 form.wpcf7-form.sent .wpcf7-submit, .wpcf7 form.wpcf7-form.sent label { display: none; }
.wpcf7 .wc-url { display: none }

#header, #footer { background: none #eeeae2; padding-bottom: 10px;}
.home #header::after, #footer:after  { height: 0px;}
#footer a, #footer { color: #666;font-size:  14px;line-height: 1.25}
#footer #widget-footer .textwidget, #footer #widget-footer .textwidget a { line-height: 22px; }
.logo h1 a, .logo h2 a { color: #666; font-weight: bold;}
div#main { line-height: 1.5}
.home #main {
	background: #F4F3EB;
	
	/* IE10 Consumer Preview */ 
	background-image: -ms-linear-gradient(top, #81ECE5 0%, #F4F3EB 50%);

	/* Mozilla Firefox */ 
	background-image: -moz-linear-gradient(top, #81ECE5 0%, #F4F3EB 50%);

	/* Opera */ 
	background-image: -o-linear-gradient(top, #81ECE5 0%, #F4F3EB 50%);

	/* Webkit (Safari/Chrome 10) */ 
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #81ECE5), color-stop(0.5, #F4F3EB));

	/* Webkit (Chrome 11+) */ 
	background-image: -webkit-linear-gradient(top, #81ECE5 0%, #F4F3EB 50%);

	/* W3C Markup, IE10 Release Preview */ 
	background-image: linear-gradient(to bottom, #81ECE5 0%, #F4F3EB 50%);
}
.home #main, #main { background-image: none; background-color: #fff}	

/*.sf-menu > li > a {
    color: #4D5F5D !important;
}*/

.home #content { padding-top: 7px;}

#slider {border: 1px solid #eee;}
h3 {padding-top: 20px;padding-bottom: 15px;}
body h1 { line-height:1.25 }

.wpa-pay-button a { display: block;color: #fff;border-radius:5px;padding:.625rem 1rem;font-size: 1rem;cursor: pointer;background:#71CCC4;font-size: 1.25rem;padding:12px 20px; margin-bottom: 30px;width: fit-content;}

#widget-footer { width: 390px;}
#footer-text { width: 500px;}

#english { position: absolute; right: 25px; top: 25px;z-index: 1000;}
#english img { width: 50px; height: 50px; }
@media (max-width: 1119px) and (min-width: 968px) { #english { top: 125px;}}

@media (max-width: 967px) and (min-width: 620px) {
	#english { top: 25px;}
	html, body { min-width: 620px!important;}
	#main { text-align: center;}
	#content, nav {text-align: left;}
	.page header { width: 620px; margin: 0 auto;}	
	.logo { margin-left: 20px;}
	nav.primary { padding-top: 6px;}
	.sf-menu li:last-child ul { margin-left: -88px;}
	.page .container_12, .page .container_12 .grid_12 {width: 620px;}
	.page .container_12 .grid_12 {margin: 0 auto;}
	.frontpage-box { width: 100%;}
	#slider, #slider img { width: 620px; height: auto;}
	#slider { background-size: contain!important;}
	#slider-wrapper { height: 235px;}
	.page footer, .page.home #header::after, .page.home #footer::before { width: 620px; margin: 0 auto; position: static;}
	#footer-text { width: 20%; padding-left: 10px;}
	#widget-footer { width: 65%;}
	#footer {text-align: left;}
}

@media (max-width: 619px) and (min-width: 440px) {
	html, body { min-width: 440px!important;}
	#main { text-align: center;}
	#content, nav {text-align: left;}
	.page header { width: 440px; margin: 0 auto;}	
	.logo { margin-left: 20px;}
	nav.primary { padding-top: 6px;}
	.page .container_12, .page .container_12 .grid_12 {width: 440px;}
	.page .container_12 .grid_12 {margin: 0 auto;}
	.page .container_12 .grid_7 { width: 440px; margin: 0;}
	.page .container_12  img.alignright { max-width: 50%; height: auto;}
	.frontpage-box { width: 100%;}
	#slider, #slider img { width: 440px; height: auto;}
	#slider { background-size: contain!important;}
	#slider-wrapper { height: 168px;}
	.page footer, .page.home #header::after, .page.home #footer::before { width: 440px; margin: 0 auto; position: static;}
	#footer-text { width: 20%; padding-left: 10px;}
	#widget-footer { width: 65%;}
	#footer {text-align: left;}
}

@media (max-width: 439px) {
	html, body { min-width: 340px!important;}
	#main { text-align: center;}
	#content, nav {text-align: left;}
	.page header { width: 340px; margin: 0 auto;}	
	.logo { margin-left: 20px;}
	nav.primary { padding-top: 6px;}
	.sf-menu li:last-child ul { margin-left: -88px;}
	.page .container_12, .page .container_12 .grid_12 {width: 340px;}
	.page .container_12 .grid_12 {margin: 0 auto;}
	.page .container_12 .grid_7 { width: 340px; margin: 0;}
	.page .container_12  img.alignright { max-width: 50%; height: auto;}
	.frontpage-box { width: 100%;}
	#slider, #slider img { width: 340px; height: auto;}
	#slider { background-size: contain!important;}
	#slider-wrapper { height: 134px;}
	.page footer, .page.home #header::after, .page.home #footer::before { width: 340px; margin: 0 auto; position: static;}
	#footer-text { width: 20%; padding-left: 10px;}
	#widget-footer { width: 65%;}
	#footer {text-align: left;}
}