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

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

.mb-0 {margin-bottom: 0;}

.credit-link {font-size: 10px;}

#topbar-template {display: block; padding: 0 5%;}

#footer #site-logo a.site-logo-text {
	color:#f2f2f2;
	background-color: #222!important;
}

.wah-free-credits-inner { color: #fff!important; background-color: #000!important; }

.topbar-contacts {}

.topbar-contacts ul {
	list-style-type: none;
	display: flex;
	flex-direction: row;
}

.topbar-contacts ul li {
	margin: 0 8px;
}

.topbar-contacts ul li a span {
	margin-left: 4px;
}

.eopyy span{
	padding: 4px;
	font-size: 0.6em;
	background-color: #4F6B78;
	color:#FDFEF8;
	border-radius: 10px;
	border: 2px solid ##F89B34;
}

.eopyy img {max-width:100%; height:auto; width: 5%;}

/******** PAGE HEADER  *********/

.page-header {
	background: rgb(79,107,120);
	background: linear-gradient(90deg, rgba(79,107,120,0.726015406162465) 0%, rgba(77,98,109,1) 70%, rgba(187,160,202,1) 100%);
}


/****** HERO SECTION ***********/

@keyframes text-slide-down {
  to {
    transform:translateY(0);
  }
}

@keyframes text-slide-right {
  to {
    transform:translateX(0);
  }
}

@keyframes move-down {
  0%, 100% {
    transform: translateY(0);
	  /*border-color: #FDFEF8;
	  color: #FDFEF8;*/
  }
  50% {
    transform: translateY(5px);
	  /*border-color: #BBA0CA;
	  color: #BBA0CA;*/
  }
}

@keyframes grow {
	0% {transform: scale(0.8);}
	50%{transform: scale(0.9);}
	100% {transform: scale(1);}
}

.jumbotron .wp-block-cover__inner-container {
	width: 55%;
	margin: 0 auto;
	background: rgb(79,107,120);
	background: linear-gradient(90deg, rgba(79,107,120,0.726015406162465) 0%, rgba(77,98,109,1) 100%);
	padding: 1%;
	border-radius: 25px;
	position:absolute;
	top:10%;
}

.jumbotron .wp-block-cover__inner-container h3 {
	margin-bottom:0;
}

.jumbotron .wp-block-cover__inner-container h2 {
	margin-bottom:10px;
}

/********* PROFILE *************/

.profile {padding: 20px 0;}

.profile .wp-block-column.profile-col2 {
	align-self: stretch;
	justify-content: center;
    align-items: center;
    display: flex;
    padding: 0 3%;
}

/********* CONTACT PAGE ***************/

.info-box{
	background-color: #4F6B78;
	padding: 8%;
	border-radius: 25px;
	height: auto;
	min-height: 300px;
}

.info-box p {
	font-size: 0.7em ;
	color: #FDFEF8;
}

.info-box .wrap-content {
	line-height: 0.6;
}

.info-box p.info-box__icon {width:30%;margin: 0 auto;margin-bottom: 25%; }

.info-box__icon img{max-width:100%; height: auto; margin: 0 auto;}

.info-box__address {line-height: 1.2;}

.info-box__email, .info-box__phone, .info-box__hours {text-align: center;}
.info-box p.info-box__hours {white-space: nowrap; font-size: 0.6em;}

.info-box__phone-bis a {color: #FDFEF8;}
.info-box__phone-bis a:first-child {margin-right: 8px;}

.contact-btn {
	text-decoration: none!important;
	color: #FDFEF8;
	border: 2px solid #FDFEF8;
	padding: 4%;
	border-radius: 15px;

}

.contact-btn span {
	opacity:0;
	animation: light-on-off 2s infinite;
	-webkit-transition: all 0.9s ease;
     -moz-transition: all 0.9s ease;
       -o-transition: all 0.9s ease;
          transition: all 0.9s ease;
  	animation-direction: alternate;
}

@keyframes light-on-off {
	0% {opacity: 0;}
	50%{opacity: 0.5;}
	100% {opacity: 1;}
	
}




/****** MOBILE ****************/

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

	.accessability_container img {
		max-width:80px;
		height:80px;
		margin-left: -30px;
	}

}



@media screen and (max-width: 468px) {
  .topbar-contacts ul li a span {
		text-indent: 100%;
		white-space: nowrap;
		overflow: hidden;
		display:none;
	}

	.topbar-contacts ul li a span {visibility: hidden; display:none;}

	#topbar-template .wp-block-columns {flex-wrap:nowrap!important;}

	#site-logo {width: 80%;}

	.eopyy {
		font-size: 0.6em;
	}

	.eopyy img {width: 6%;}
	
	.page .entry .jumbotron.alignfull {height: 60vh; margin-left: 0!important;}

	.jumbotron .wp-block-cover__inner-container {width: 80%;padding: 3%;}

	.jumbotron .wp-block-cover__inner-container h3, .jumbotron .wp-block-cover__inner-container h2, .jumbotron .wp-block-cover__inner-container p {
		font-size: 0.8em!important ;
	}

	.jumbotron .is-layout-flex.wp-block-buttons {justify-content: center;}

	.jumbotron .wp-block-button__link {font-size: 1em;}
	
}