/*
Theme Name: OceanWP Child
Theme URI: https://oceanwp.org/
Description: OceanWP WordPress theme example child theme.
Author: Nick
Author URI: https://oceanwp.org/
Template: oceanwp
Version: 1.0
*/

/* Parent stylesheet should be loaded from functions.php not using @import */




/*Front end slider*/
.SlideContainer {
  position: relative;
  text-align: center;
  color: white;
}

.SlideContainer .SlideText h1 {
  color: #fff;
  margin: 0;
  padding-bottom: 10px;
  border-bottom: 2px solid gold;
  display: inline-block;
  text-shadow: 0 1px 1px rgba(0, 0, 0, .6);
 }


.SlideContainer .SlideText h2 {
  color: #fff;
  text-shadow: 0 1px 1px rgba(0, 0, 0, .6);
  padding-top: 15px;
  }


.SlideContainer .SlideText {
 position: absolute ;
  top : 30%;
  left : 0;
  right : 0;
}

.SlideContainer .SliderBtn {
  position: absolute ;
  bottom : 10%;
  left : 0;
  right : 0;
  margin: auto;
}

.SlideContainer .SliderBtn a {
  margin: 10px;
  border-color: white; 
}

.SlideContainer .SliderBtn h2 { 
  font-size: 2.5rem;
  font-weight: lighter;
  text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.3);
  color: #fff;
  margin: 0;
  letter-spacing: 1px;
}

.SlideContainer .SliderBtn .btn:hover {
  background-color: white;
}
.SlideContainer .SliderBtn h2:hover {
color: black;
}


/*end front end slider*/



/* Jumbotron settings PostFrontLatest  */
/* Darken images to see text by Johan*/
.bg-overlay {
    height: 100%;
    -webkit-filter: grayscale(100%);
	filter: grayscale(100%);
}

.jumbotron-cover-image {
        position: relative;
        background: #000 url center center;
        width: 100%;
        height: 100%;
        background-size: cover;
	    color: #fff;
	    height: 100%;
    -webkit-filter: grayscale(100%);
	filter: grayscale(100%);
    
}

.container-frontpost {
  	margin-top:10px;
    height: 350px;
}
.container-frontpost h1 {
	color: #fff;
  	font-size: 24;
}

.container-frontpost .jumbotron {
  padding: 0px;
}






	
/*end jumbotron*/


/* Front Page Title by Johan andvänds i vyerna*/
.FrontPageTitle {
  margin-top: 100px;
  letter-spacing: 1px;
  text-align: left;
  background-color: #0b7cac;
   color: white;

}

.FrontPageTitle h2 {
color: white;	
	margin-left:5px;
	
}

/* Front Page Title by Johan kanske inte används
.FrontPageButton .btn {
	background-color:red;
	
	

	
}

*/

.pageSubTitel {
  
  
  margin-top: 30px;
  letter-spacing: 1px;
  text-align: center;
  text-decoration: underline gold;
}

.PageTextBox {
	
	margin: 0;
}


/* Tar bort vita runtan efter menyn i headern by Johan
.main-navigation .dropdown-menu {
	
	background-color: transparent;
	color: white;
}
*/
/* Hide your Sidebar on Mobile Globally */

@media (max-width: 767px) {
	.widget-area.sidebar-primary { display: none; }
}


/* Ändrar marginalen på titeln på första sidan på mobiler */
@media (max-width: 767px) {
	.FrontPageTitle { 	 
  
  margin-top: 30px;
	}
	
}


/* Fixar konflikten med bootstrap och kolumner */
.col-1, .col-2, .col-3 {
    max-width: 100%;
}



/*AktiviteterRelatedView*/


.relaterade-box{
    background: #297ac1;
    text-align: left;
	margin-left: 2px;
	margin-top: 2px;
	color:white;
  
}
.relaterade-content h3{
	margin-left: 7px;
	margin-top: 6px;
    margin-bottom: 5px;
	color:white;
}
.relaterade-box .relaterade-pic img{
    width: 100%;
  	
}

/*Kundgrupp serviceboxar*/
.serviceBox{
    border-right: 1px solid #d3d3d3;
    text-align: center;
    transition: all 0.3s ease 0s;
}

.serviceBox .card .card-header {
  	   background-color: transparent; 
  	   border-color: transparent;
       text-align: center;
  	
  }
  .serviceBox .card {
 	   padding:0px;
  }

.serviceBox.other{
     margin: 0 -15px;
}

.serviceBox .card{
     border: none;
	 padding: 25px;
}

.serviceBox.last{
    border-right:none;

}
.serviceBox.first{
    margin: 0 -15px 0 0
}

.serviceBox.last{
    margin: 0 0 0 -15px;
}
.service-icon i{
    font-size: 60px;
}
.serviceBox .service-content h3{
    color: black;
    font-size: 18px;
    font-weight: 600;
    text-transform: uppercase;
    margin-top: 10px;
}
.serviceBox .service-content h4{
    color: grey;
    font-size: 12px;
}

.serviceBox .card:hover{
    background:#4aa3df;
}
.serviceBox .card:hover h3{
    color:#fff;  
}

.serviceBox .card:hover i{
   color:#fff;   
}


@media only screen and (max-width: 767px){
    .serviceBox{
        margin: 0;
        border-right: 0px none;
     	padding: 5px;
      	text-align: center
    }
	.serviceBox h3{
     	color: black;
    	font-size: 14px;
    	font-weight: 350;
    	text-transform: uppercase;
     	
	}
   .serviceBox  i{
   		font-size: 25px;
    	
	}
  
   .serviceBox.other{
 	    margin: 0 0px;
	}
  		.serviceBox.first{
  	    margin: 0 0px 0 0
	}

	.serviceBox.last{
  	   margin: 0 0 0 0px;
	}
  .serviceBox .card  {
  	   border: 1px solid grey;
      
  	  
  	
  }
  .serviceBox .card {
 	   padding:0px;
  }
}

/*Kundgrupp serviceboxar 2col*/
.serviceBox-2col {
margin-top: 10px;
  margin-bottom:10px;
}


.serviceBox-2col- .service-content h3{
    color: black;
    font-size: 18px;
    font-weight: 600;
    text-transform: uppercase;
    margin-top: 10px;
}
.serviceBox-2col .service-content h4{
    color: grey;
    
}

.serviceBox-2col{
    text-align: center;
}
.serviceBox-2col .card:hover i{
   color: grey;   
}



/*Aktivitetswarapper for cards*/

.aktiviteter-card a:hover{
color: black;
}

.aktiviteter-card .dagar{
	float:right
  
}

.aktiviteter-card-img{
overflow:hidden;
 
}

.aktiviteter-card-img img{
transition: all 1s ease;
}

.aktiviteter-card-img:hover img{
transform: scale(1.5);
}

/*Aktivitetswarapper for cards ends*/
/*Postwarapper for cards*/
.post-card  a:hover{
color: black;
}

.post-card img {
-webkit-filter: sepia(100%);
	filter: sepia(100%);
	-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
}
.post-card:hover img {
	-webkit-filter: sepia(0);
	filter: sepia(0);
}
/*Postwarapper for cards ends*/
/**
 * Change the Related Posts title "You Might Also Like" by "Related Posts"
 */
function myprefix_related_posts_title() {
	return 'Läs mer';
}
add_filter( 'ocean_single_related_posts', 'myprefix_related_posts_title' );