/*

Theme Name: SP Admin
Theme URI: http://cyano.se/
Author: Cyano Studios
Author URI: http://cyano.se/
Description: A child theme to GeneratePress
Version: 2.1
Template: generatepress

*/

.clear-float{
	clear: both;
}



/*-------------------------*/
abbr[title] {
  border-bottom: none !important;
  text-decoration: none !important;
}
a, .c-cta, .social i, .main-navigation .main-nav ul li a:hover, .uppercase .caption:hover, .wpcf7-submit, .c-section-column a:hover > .caption, .button, .button:hover  {
    -webkit-transition: color .2s ease-in-out,background-color .2s ease-in-out;
    -moz-transition: color .2s ease-in-out,background-color .2s ease-in-out;
    -o-transition: color .2s ease-in-out,background-color .2s ease-in-out;
    transition: color .2s ease-in-out,background-color .2s ease-in-out;
    
     -webkit-transition: opacity .2s ease-in-out;
    -moz-transition: opacity .2s ease-in-out;
    -o-transition: opacity .2s ease-in-out;
    transition: opacity .2s ease-in-out;
}
/*ta bort ram runt nav*/
a:focus, select:focus, input[type="file"]:focus, input[type="radio"]:focus, input[type="submit"]:focus, input[type="checkbox"]:focus, :focus {
	outline: 0px auto #ff9900 !important;
	outline: 0px auto hsl(0, 0%, 0%) !important;
    outline-offset: 0px !important;

}

.site-header {
    display: none;
}
/*
.logged-in .site-header {
    display: block;
}
*/

/*
.main-navigation li{
	border: 1px solid #f9f9f9;
	
}
*/
.red {background-color: red !important; padding: 10px; color:#000 !important; }
.orange{background-color: orange !important; padding: 10px; color:#000 !important;}
.yellow{background-color: #dbc300 !important; padding: 10px; color:#000 !important;}
.green{background-color: green !important; padding: 10px; color:#000 !important;}
.blue{background-color: blue !important; padding: 10px; color:#000 !important;}
.purple{background-color: purple !important; padding: 10px; color:#000 !important;}


.wrapper{
	display: inline-block;
	width: 100%;
	height: auto;
}
.wrapper-inner{
}
.archive .entry-title, .blog .entry-title, .search .entry-title{
	font-size: 140%;
}
.archive .inside-article, .home .inside-article, .search .inside-article{
	padding: 10px 20px;
}
.search .entry-meta{
	display: none;
}
/*Classes*/
.darkest{
	background-color: rgba(38,47,58,1); 
	color: #f9f9f9;
}
.darker{
	background-color: rgba(38,47,58,.6); 
	color: #f9f9f9;
}
.dark{
	background-color: rgba(38,47,58,.1); 
}
.breadcrumbs, .darkest a{
	color: #0499a9;
}
.square{
	padding:20px;
}
i{
	font-size: 90%;
}
.entry-summary {
    margin: 0em 0 0;
}
.widget a{
	font-weight: 400;
}
.font-xs{
	font-size: 80%;
}
.font-sm{
	font-size: 90%;
}
.font-l{
	font-size: 110%;
}
.font-xl{
	font-size: 120%;
}
.font-bold{
	font-weight: 600;
}

/*Single Pages*/

a i, i{
	color: #0499a9; 
	margin-right: 12px;
}
.kontakt i.fas.fa-envelope {
    margin-left: 12px;
    color: #026f8d;
}
.info{
	border-bottom: 1px dotted rgba(0,0,0,0.1);
	padding: 6px 0; 
}
.info span{
	font-weight: 600;
	color: rgba(0,0,0,0.5);
}
.darkest .info span{
	font-weight: 400;
	color: rgba(255,255,255,0.7);
}
.info:last-child{
	border-bottom: 1px dotted rgba(0,0,0,0.1);
	padding: 6px 0; 
	margin-bottom: 24px;

}
.field{
	border-bottom: 0px dotted rgba(0,0,0,0.1) !important;

}
.field-txt {
	background-color: rgba(38,47,58,.04); 
    padding: 10px 0 10px 10px;
    width: 95%;
}

.moms{
	font-style: italic;
	margin-top: 20px;
}
.ppp, .antal, .moms{
    margin-left: 40px;
}
h3.ovan-pris{
	margin-bottom: 10px;
}
h3.pdf{
	margin-bottom: 10px;
}
a.villkor{
	text-decoration: underline;
}
.single-post .back{
	display: none;
}
/*Hero Offert*/
.hero-info{
	background-color: rgba(0,0,0,0.4);
	color: #f9f9f9;
	padding: 10px;
}
.hero-info-inner{
	background-color: rgba(0,0,0,0.6);
	padding: 20px;
}
.hero-title{
	font-weight: 300; 
	display: inline;
}
.hero-title.name{
	display: block; 
}
.hero-title.type, .hero-title.city{
	text-transform: capitalize; 
}
.hero-info h1{
	font-size: 300%;
}
.hero-info p{
	font-size: 200%;
}
/*Offert*/
.inledningstext{
	font-weight: 300;
}
.nasta-steg{
	font-weight: 300;
}
.bild-top, .bild-bot{
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    width: 25%;
    float: left;
    height: 200px;
}
.giltighet .wrapper-inner {
    padding: 20px;
    background: #990000;
    color: #fff;
}

.breadcrumbs {
    font-weight: 600;
    padding: 10px 20px;
    display: block;
}

div.printfriendly {
    margin: -16px 12px 12px 12px !important;	
}
/*-------------Media------------*/

@media (max-width:767px){
.bild-top, .bild-bot{
    width: 50%;
}
.font-xl{
	font-size: 100%;
}
.hero-info h1 {
    font-size: 200%;
}
}

@media (min-width:768px) and (max-width:1023px){
.bild-top, .bild-bot{
    width: 50%;
}

}

@media (min-width:1024px) and (max-width:1120px){

}
@media screen and (-webkit-min-device-pixel-ratio:0) { 
  select,
  textarea,
  input {
    font-size: 16px;
  }
}