/*
Theme Name: DexTech Medical AB
Theme URI: https://dextechmedical.com/
Description: DexTech Medical AB
Version: 1.0
Author: Plucera Webbyrå
Author URI: https://plucera.se/
*/

/* #|#|#|#|#     GLOBALA STILAR     #|#|#|#|# */
BODY {
	color: #4d4d4f;
	font-family: "Merriweather", serif;
	font-size: 13px;
	line-height: normal;
}

A, A:focus, A:active {
 	outline: none;
 
 	color: #36a9d0;
}

A:hover {
 	color: #f15b4e;
}

HR {
	margin: 20px 0 10px;
}

OL OL LI, UL OL LI {
	list-style-type: lower-alpha;
}

P, TABLE, UL, LI {
	margin: 0 0 18px;
}

TH, TD {
	padding: 7px 0 7px 20px;
	border-top: 1px dashed #ccc;
	vertical-align: top;
}

TR:first-child TH, TR:first-child TD {
	padding-top: 0;
	border: none;
}

TH:first-child, TD:first-child {
	padding-left: 0;
}

#standard H1 + P {
	font-weight: bold;
}

.container {
	max-width: 960px;
	padding-right: 0;
	padding-left: 0;
}

#standard #main .col-md-7 UL,
#standard #main .col-md-12 UL {
	padding: 0;
}

#standard #main .col-md-7 LI,
#standard #main .col-md-12 LI {
	margin: 8px 0 0;
	padding: 0 0 0 15px;
}

#standard #main .col-md-7 LI:first-child,
#standard #main .col-md-12 LI:first-child {
	margin-top: 0;
}

#standard #main .col-md-7 UL LI,
#standard #main .col-md-12 UL LI {
	background: url("img/bg/li.png") left 5px no-repeat;
	list-style-type: none;
}

/* #|#|#|#|#     GLOBALA STILAR     #|#|#|#|# */


/* #|#|#|#|#     RUBRIKER     #|#|#|#|# */
H1 {
	margin: 40px 0 25px;

	color: #36a9d0;
	font-size: 30px;
}

#sub-menu + .col-md-7 H1 {
	margin-top: 0;
}

#standard #main H2 {
	margin: 0 0 2px;
	padding-top: 12px;

	color: #f15b4e;
	font-size: 20px;
}

#home #main H2, FOOTER H2 {
	min-height: 30px;
	margin: 0 0 20px;
	padding: 8px 0 0 40px;
	background-position: left top;
	background-repeat: no-repeat;

	font-size: 17px;
	font-weight: bold;
}

#home #main .col-md-3 H2 {
	background-image: url("img/bg/n.png");
}

FOOTER.top H2 {
	background-image: url("img/bg/k.png");
}

#home #main .opacity H2 {
	min-height: 0;
	margin: 0 0 5px;
	padding: 0;
	background: none;

	font-size: 18px;
	font-weight: normal;
}

.opacity H2 {
	margin: 0 0 10px;
	font-size: 18px;

}

#standard #main H3 {
	margin-top: 0;
	margin-bottom: 0;

	color: #4d4d4f;
	font-size: 16px;
	font-weight: bold;
}

#standard #main H4 {
	margin-top: 0;
	margin-bottom: 0;

	color: #4d4d4f;
	font-size: 13px;
	font-weight: bold;
}

/* #|#|#|#|#     RUBRIKER     #|#|#|#|# */


/* #|#|#|#|#     HUVUDMENY     #|#|#|#|# */
NAV {
	float: left;
	clear: right;
	margin: 0 0 15px;
}

NAV UL {
	float: right;
	margin: 0;
	padding: 0;
}

NAV LI {
	float: left;
	margin: 0 15px 0 0;
	list-style-type: none;
}

NAV LI:last-child {
	margin-right: 0;
}

NAV A {
	color: #4d4d4f;
	font-size: 13px;
}

NAV LI.current-menu-item A,
NAV LI.current-page-ancestor A,
NAV LI.current_page_parent A,
NAV LI.current_page_item A {
	color: #36a9d0;
}

NAV A:hover,
NAV LI.current-menu-item A:hover,
NAV LI.current-page-ancestor A:hover,
NAV LI.current_page_parent A:hover,
NAV LI.current_page_item A:hover {
	color: #f15b4e;
}

/* Undantag undermeny */
#main NAV {
	float: left;
	margin-top: 25px;
	margin-bottom: 20px;
	margin-left: 15px;
	padding-bottom: 5px;
	border-bottom: 1px solid #ddd;
}

/* Undantag sidfotsmeny */
FOOTER NAV {
	float: none;
	margin-top: 8px;
	margin-bottom: 0;
	overflow: hidden;
}

FOOTER NAV UL {
	float: none;
}

FOOTER NAV A {
	font-size: 11px;
}
/* #|#|#|#|#     HUVUDMENY     #|#|#|#|# */


/* #|#|#|#|#     HEADER     #|#|#|#|# */
HEADER {
	background: url("img/bg/header.png") left bottom repeat-x;
	border-top: 8px solid #f15b4e;
}

#home HEADER {
	background: none;
}


#logo {
	float: left;
	width: 280px;
	height: 80px;
	margin: 25px 0 30px;
	background: url("img/bg/dextech-logotype.png") left top no-repeat;
	
	text-indent: -10000px;
}
/* #|#|#|#|#     HEADER     #|#|#|#|# */


/* #|#|#|#|#     SPRÅKLISTA     #|#|#|#|# */
#lang_sel_list {
	float: right;
}

#lang_sel_list UL {
	margin: 0;
	padding: 0;
}

#lang_sel_list LI {
	float: left;
	margin: 15px 0 0 10px;
	list-style-type: none;
}

#lang_sel_list A {
	display: block;
	width: 22px;
	height: 16px;
	background-position: left top;
	background-repeat: no-repeat;

	text-indent: -10000em;
}

#lang_sel_list LI.icl-sv A {
	background-image: url("img/bg/swedish.png");
}

#lang_sel_list LI.icl-en A {
	background-image: url("img/bg/english.png");
}
/* #|#|#|#|#     SPRÅKLISTA     #|#|#|#|# */


/* #|#|#|#|#     MAIN     #|#|#|#|# */

#main .top {
	padding-bottom: 30px;
}

#main .col-md-4 {
	padding-top: 80px;
}

#imgText {
	overflow: hidden;
	margin: 15px 0;
	padding: 15px 15px 0;
	background: #2d2d2f url("img/bg/imgText.png") left top repeat-x;
	
	color: #fff;
	font-size: 13px;
}

#main .btm {
	background: url("img/bg/container-btm.png") center top no-repeat;
}

.col-md-6 .text,
#home #main .col-md-9 .text {
	height: 170px;
	margin: 50px 0;
	background-position: -115px top;
	background-repeat: no-repeat;
}

.candidates .text,
#home #main .col-md-9 .text {
	background-image: url("img/bg/candidates-bg.jpg");
}

.technology .text,
#home #main .col-md-9 .text:first-child {
	background-image: url("img/bg/technology-bg.jpg");
}

.opacity {
	position: relative;
	float: right;
	width: 45%;
	min-height: 170px;
	padding: 15px 15px 35px;
	
	color: #fff;
	font-size: 12px;
}

.candidates .opacity,
#home #main .col-md-9 .text .opacity {
	background-color: rgba(241,91,78,0.85);
}

.technology .opacity,
#home #main .col-md-9 .text:first-child .opacity {
	background-color: rgba(54,169,208,0.85);
}

.opacity A {
	display: block;
	position: absolute;
	right: 15px;
	bottom: 10px;

	color: #fff;
	text-decoration: underline;
}

.opacity A:hover {
	color: #000;
}

.wp-caption-text {
	font-style: italic;
	color: #777;
	font-size: 12px;
	padding: 5px;
}

#standard #main .wp-caption {
	width: 100% !important;
}

#standard #main .col-md-7 IMG {
	width: 100% !important;
	height: auto;
}

#standard #main .top .col-md-7 {
	clear: left;
}

/* #|#|#|#|#     MAIN     #|#|#|#|# */


/* #|#|#|#|#     MAIN HOME     #|#|#|#|# */
#home-top .text {
	position: relative;
	height: auto;
	overflow: hidden;
}

#home-top .text A {
	color: #fff;
}

#home-top .text IMG {
	width: 100%;
}

.shortInfo {
	position: absolute;
	top: 0;
	left: 0;
	width: 40%;
	min-height: 280px;
	margin-top: 20px;
	margin-left: 20px;
	padding: 22px 25px 0;
	background: url("img/bg/shortInfo.png") right top no-repeat;
	
	color: #fff;
	font-size: 13px;
}

.link {
	position: absolute;
	right: 30px;
	bottom: 30px;
}

.link A {
	display: block;
	height: 48px;
	padding: 15px 55px 0 15px;
	background: rgba(241,91,78,0.85) url("img/bg/archive-a.png") right 3px no-repeat;

	color: #fff;
	font-size: 16px;
	font-weight: bold;
}

#home #main .col-md-9 .text {
	background-position: left top;
}

#home .opacity {
	width: 50%;
}

.date {
	margin: 0 0 2px;
	color: #f15b4e;
	font-size: 11px;
	font-weight: bold;
}

#home #main .col-md-3 A {
	display: inline-block;
	
	color: #4d4d4f;
	font-size: 15px;
	text-decoration: underline;
}

#home #main .col-md-3 A:hover {
	color: #36a9d0;
}

#home #main .col-md-3 {
	padding-top: 50px;
}

#home #main .col-md-3 .archive {
	float: left;
	margin: 15px 0 0;
}

#home #main .col-md-3 .archive A {
	display: inline-block;
	height: 44px;
	margin: 0;
	padding: 13px 60px 0 15px;
	background: #38383a url("img/bg/archive-a.png") right 1px no-repeat;

	color: #fff;
	font-size: 14px;
	font-weight: bold;
	text-decoration: none;
}

#home #main .col-md-3 .archive A:hover {
	background-position: right -43px;
	
	text-decoration: underline;
}
/* #|#|#|#|#     MAIN HOME     #|#|#|#|# */


/* #|#|#|#|#     MAIN index     #|#|#|#|# */
.navigation {
	overflow: hidden;
}

.navigation .left {
	float: left;
}

.navigation .right {
	float: right;

	text-align: right;
}
/* #|#|#|#|#     MAIN index     #|#|#|#|# */


/* #|#|#|#|#     MAIN aktiekapital     #|#|#|#|# */
.frame {
	border-right: 3px solid #f15b4e;
	border-left: 3px solid #f15b4e;
}

.frame-top {
	border: 3px solid #f15b4e !important;
	border-bottom: none !important;
}

.frame-btm {
	border: 3px solid #f15b4e;
	border-top: 1px dashed #ccc;
}
/* #|#|#|#|#     MAIN aktiekapital     #|#|#|#|# */


/* #|#|#|#|#     MAIN contact     #|#|#|#|# */

#main.contact FORM {
	margin-top: 40px;
	overflow: hidden;
	position: relative;
}

#main.contact FIELDSET {
	margin-bottom: 0;
	float: left;
	width: 100%;
}

#main.contact FIELDSET.left, #main.contact FIELDSET.right {
	width: 50%;
}

#main.contact FIELDSET.left {
	padding-right: 10px;
}

#main.contact FIELDSET.right {
	padding-left: 10px;
}

#main.contact LABEL {
	display: block;
}

#main.contact .wpcf7-form-control-wrap {
	display: block !important;
}

#main.contact INPUT[type="text"], #main.contact INPUT[type="email"], #main.contact TEXTAREA {
	display: block;
	width: 100%;
	padding: 10px;
	border: solid 1px #36A9D0;
	margin-bottom: 15px;
	box-shadow: inset 0 0 10px #999;
}

#main.contact INPUT[type="text"]:hover, #main.contact INPUT[type="email"]:hover, #main.contact TEXTAREA:hover,
#main.contact INPUT[type="text"]:focus, #main.contact INPUT[type="email"]:focus, #main.contact TEXTAREA:focus,
#main.contact INPUT[type="text"]:active, #main.contact INPUT[type="email"]:active, #main.contact TEXTAREA:active {
	border: solid 1px #F15B4E;
}

#main.contact INPUT[type="submit"] {
	float: right;
	background-color: #36A9D0;
	border: none;
	color: #fff;
	padding: 5px 10px;
}

#main.contact INPUT[type="submit"]:hover {
	background-color: #F15B4E;
}

#main.contact .ajax-loader {
	position: absolute;
	bottom: 5px;
	right: 70px;
	margin: 0;
}

#main.contact .wpcf7-response-output {
	position: absolute;
	bottom: 5px;
	left: 0;
	margin: 0;
	padding: 0;
	font-size: 11px;
	border: none;
}

span.wpcf7-not-valid-tip {
	margin-top: -15px;
	margin-bottom: 5px;
}

/* #|#|#|#|#     MAIN contact     #|#|#|#|# */


/* #|#|#|#|#     FOOTER.top     #|#|#|#|# */
FOOTER.top {
	padding-top: 35px;
	background: url("img/bg/footer.png") left top repeat-x;
	
	font-size: 11px;
}

FOOTER.top .container {
	margin-bottom: 30px;
	overflow: hidden;
}

FOOTER.top P {
	float: left;
	margin: 0 35px 0 0;
}
/* #|#|#|#|#     FOOTER.top     #|#|#|#|# */


/* #|#|#|#|#     FOOTER.btm     #|#|#|#|# */
FOOTER.btm {
	border-top: 1px solid #bdbcc1;
	border-bottom: 8px solid #36a9d0;
}

FOOTER.btm P {
	margin: 10px 0 6px;
	font-size: 9px;
}

FOOTER.btm SPAN {
	display: inline-block;
	margin: 0 2px;
}
/* #|#|#|#|#     FOOTER.btm     #|#|#|#|# */


/* #|#|#|#|#     COOKIE NOTICE     #|#|#|#|# */
DIV#cookie-notice {
	background-color: rgba(54,169,208,0.9)!important;
	border-top: 2px solid #fff;
	box-shadow: 0 0 5px #999;

	font-size: 14px;
}

DIV.cookie-notice-container {
	padding: 15px 82px!important;
	background: url("img/bg/cookie-bgr.png") 15px 15px no-repeat;
	background-size: 40px 40px;
}

A#cn-accept-cookie {
	position: absolute;
	right: 15px;
	top: 18px;
	margin: 0!important;
	padding: 6px 15px;
	background-color: #2b89a9;
	border: 1px solid #fff;
	border-radius: 4px;
	box-shadow: 0 0 3px #12404f;

	color: #fff;
	text-transform: uppercase;
}

A#cn-accept-cookie:hover {
	background-color: #2d91b3;
	box-shadow: 0 0 4px #12404f;

	text-decoration: none;
}

A#cn-close-notice {
	display: none;
}
/* #|#|#|#|#     COOKIE NOTICE     #|#|#|#|# */


/* #|#|#|#|#     RESPONSIV VIDEO     #|#|#|#|# */
.video-container {
	overflow: hidden;
	/* 16:9 aspect ratio */
	padding-top: 56.25%;
	position: relative;
	border: 1px solid #bdbcc1;
}

.video-container IFRAME {
	border: 0;
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%;
}
/* #|#|#|#|#     RESPONSIV VIDEO     #|#|#|#|# */


/* #|#|#|#|#     RESPONSIVT 0-991px     #|#|#|#|# */
@media (max-width: 991px) {
	NAV {
		width: 100%;

		text-align: center;
	}

	NAV UL {
		display: inline-block;
		float: none;
	}

	NAV LI {
	    border-right: 1px solid #ccc;
	    margin-right: 5px;
	    padding-right: 5px;
	}

	NAV LI:last-child {
	    border-right: none;
	    margin-right: 0;
	    padding-right: 0;
	}

	NAV A {
		font-size: 12px;
	}

	DIV.cookie-notice-container BR {
		display: none;
	}
}

/* #|#|#|#|#     RESPONSIVT 0-745px     #|#|#|#|# */
@media (max-width: 991px) {
	#logo {
		margin: 13px 0 15px;
		width: 200px;
		height: 57px;
		background-image: url("img/bg/dextech-logotype-small.png");
	}
	
	#responsive-menu-container {
		background: rgba(30,115,140,0.95) !important;
	}

	#responsive-menu-button {
		right: 15px!important;
		/*width: 40px !important;
		height: 40px !important;
		margin-right: 12px !important;*/
	}

	.responsive-menu-inner,
	.responsive-menu-inner::before,
	.responsive-menu-inner::after {
		border-radius: 1px!important;
	}

	/*.menu-huvudmeny-container {
		margin-top: 100px !important;
	}*/
	
	#responsive-menu-container #responsive-menu LI {
		margin-bottom: 0;
	}
	
	#responsive-menu-container #responsive-menu LI A {
		padding-top: 2px !important;
		border-top: 1px solid #054455 !important;
	}

	#responsive-menu-container #responsive-menu LI.current_page_item > A {
		background: #0e556d !important;
	}

	.shortInfo {
		position: static;
		width: 100%;
		min-height: 0;
		top: auto;
		left: auto;
		margin: 0;
		overflow: hidden;
	}

	#home #main .col-md-3 {
		padding-top: 25px;
		overflow: hidden;
	}

	.col-md-6 .text, #home #main .col-md-9 .text {
		height: auto;
		margin: 25px 0;
		overflow: hidden;
		background: none !important;
	}

	#home .opacity {
		width: 100%;
	}

	FOOTER.top .container {
		margin-bottom: 15px;
	}

	FOOTER.top P {
		float: none;
		margin-bottom: 5px;
	}
	
	FOOTER.btm {
		border-top: none;
	}

	FOOTER NAV {
		display: none;
	}

	FOOTER.btm P {
		margin: 0 0 15px;
	}
	
	/* .standard */
	#main .col-md-4 {
		padding-top: 15px;
	}
	
	/* undermeny */
	NAV#sub-menu {
		width: 100%;
		margin: 0;
		padding: 20px 0;
		border: none;
	}

	NAV#sub-menu UL {
		display: block;
		overflow: hidden;
		background-color: #f8f8f8;
	}

	NAV#sub-menu LI {
		width: 50%;
		margin: 0;
		padding: 0;
		border: none;
		border-top: 1px solid #fff;
		border-right: 1px solid #fff;
	}
	
	NAV#sub-menu LI:first-child, NAV#sub-menu LI:first-child + LI {
		border-top: none;
	}
	
	NAV#sub-menu LI:nth-child(2n) {
		border-right: none;
	}

	NAV#sub-menu A {
		display: block;
		width: 100%;
		min-height: 37px;
		padding: 12px 3% 8px;
	}
	
	NAV#sub-menu A:hover {
		background-color: #e9e9e9;
	}
}

@media (max-width: 767px) {
	#lang_sel_list {
		margin: 0 43px 0 0;
	}
}

@media (max-width: 500px) {
	H1 {
		font-size: 24px;
	}
	
	#standard #main H2 {
		font-size: 18px;
	}

	#standard #main H3 {
		font-size: 14px;
	}
	
	#main.contact FIELDSET.left, #main.contact FIELDSET.right {
		width: 100%;
		float: none;
		padding: 0;
	}
	
	#main.contact .wpcf7-response-output {
		float: left;
		margin-top: 10px;
		position: static;
	}

	NAV#sub-menu LI {
		width: 100%;
		border-right: none !important;
		border-top: 1px solid #fff !important;
	}
}