/*
Theme Name: Enfold Vikab
Theme URI:	http://kriese.at/
Description:	Child theme for the Enfold Theme
Author: Vikab
Author URI: http://www.vikab.com
Template:	enfold
Version:	1.0.0
*/

.av_promobox {
    margin: 15px 0;
}
.rod {color:#bc0032!important;}
.content a {font-weight:bold;}
/* ------------------ MENY ----------------------------------------------------------------------------------------- */
.header_color .main_menu ul:first-child > li.current_page_item > a {background: #232e65!important;
background: -moz-linear-gradient(top, #232e65 0%, #325fa5 100%)!important;
background: -webkit-linear-gradient(top, #232e65 0%,#325fa5 100%)!important;
background: linear-gradient(to bottom, #232e65 0%,#325fa5 100%);color:#fff!important;}

#top #header .av-main-nav > li > a {text-transform:uppercase;font-weight:900; padding: 0 12px;}

#header {background:rgba(255,255,255,0.78);}
#top .av_header_transparency #header_meta {border-bottom: 1px solid rgba(255,255,255,0.05);}

/* ------------------ HEADER --------------------------------------------------------------------------------------- */

.logo {padding: 0px 0 0 0;}
.slogan {
    text-align: right;
    color: #333;
    background: none;
    padding: 10px 0 0;
    position: absolute;
    top: 0px;
    right: 0;
    float: right;
    margin-right: 50px;
}	

#header_main_alternate {
background: #c0c0c0;
background: -moz-linear-gradient(top, #c0c0c0 1%, #f6f6f6 100%);
background: -webkit-linear-gradient(top, #c0c0c0 1%,#f6f6f6 100%);
background: linear-gradient(to bottom, #c0c0c0 1%,#f6f6f6 100%);
}

/* ------------------ INNEHÅLL ------------------------------------------------------------------------------------- */

h1, h2, h3 { letter-spacing: -0.5px !important;font-weight:900!important;}

.hr {
    height: 15px;
    line-height: 15px;
    margin: 20px 0;
}

#footer {    padding: 0px; }

#top .avia_ajax_form .select, #top .avia_ajax_form .text_area {
    padding: 10px;
}
#top textarea {max-height:80px;}




/* ------------------ COPYRIGHT ------------------------------------------------------------------------------------ */

.copyright {font-size: 12px;font-weight: normal;}

#footer .widget {
    margin: 10px 0 30px;
}


div#footer {
	background: -moz-linear-gradient(top, #232e65 0%, #325fa5 100%)!important;
background: -webkit-linear-gradient(top, #232e65 0%,#325fa5 100%)!important;
background: linear-gradient(to bottom, #232e65 0%,#325fa5 100%);color:#fff!important;}	



/* ------------------ NEDAN FÖLJER OLIKA UPPLÖSNINGAR -------------------------------------------------------------- */

/* ------------------ Storlek lg, storskärm ------------------------------------------------------------------------ */

@media only screen and ( min-width: 1200px) {
}
@media only screen and ( max-width: 1300px) {	
	
	#top #header .av-main-nav > li > a {text-transform:uppercase;font-weight:700; padding: 0 8px;font-size:13px;}
}

/* ------------------ Storlek md, mediumskärm ---------------------------------------------------------------------- */

@media only screen and ( max-width: 1200px) {	
	
	#top #header .av-main-nav > li > a {text-transform:uppercase;font-weight:700; padding: 0 5px;font-size:11px;}
	h1 {font-size:29px!important;}
}


/* ------------------ Storlek sm, Liggande mobil & surfplatta ------------------------------------------------------ */

@media only screen and ( max-width: 992px) {

.avia-tooltip {display: none !important; } /* Döljer bildtexter i standard galleriet*/
	.widgettitle {font-size:19px!important;}

.slogan {display:none!important;}
	
	h1 {font-size:27px!important;}
	h3 {font-size:18px!important;}
}

/* ------------------ Storlek xs, mobil ---------------------------------------------------------------------------- */

@media only screen and ( max-width: 767px) {
	.slogan, #header_meta {display:none!important;}
	.responsive .logo img {max-height: 19px;}
}

/* --------- RETINA Skärmar såsom ipad, nyare telefoner m.m. -------- */

@media (-webkit-min-device-pixel-ratio: 2), 
(min-resolution: 192dpi) {

.marginskugga {display:none;}

}


/* ------------------ BOOTSTRAP CSS -------------------------------------------------------------------------------- */

@media (max-width:767px) {
 .hidden-xs {display:none !important;}
 .visible-xs {display:block !important;}
 .visible-sm {display:none !important;}
}
@media (min-width:768px) and (max-width:991px) {
 .hidden-sm {display:none !important;}
 .visible-sm {display:block !important;}
.visible-xs {display:none!important;}
}
@media (min-width:992px) and (max-width:1199px) {
 .hidden-md {display:none !important;}
 .visible-md {display:block !important;}
.visible-xs {display:none!important;}
 .visible-sm {display:none !important;}
}
@media (min-width:1200px) {
 .hidden-lg {display:none !important;}
 .visible-lg {display:block !important;}
.visible-xs {display:none!important;}
 .visible-sm {display:none !important;}
}