/*
 Theme Name:   PRO SEA STAFF theme
 Description:  Theme for PRO SEA STAFF website, careers at sea
 Author:       Webamatics
 Author URI:   https://webamatics.fr
 Template:     Total
 Version:      1.0.0
 Tags:         Human Resourses
 Text Domain:  total-child
*/

/************** hamburger menu mobile **************/
body.wpex-mobile-toggle-menu-icon_buttons #mobile-menu {
	/*right:10px;*/
}
.mobile-toggle-nav-ul .wpex-open-submenu .ticon {
	/*right:10px;*/
}
.mobile-toggle-nav-ul .wpex-open-submenu {
	width:65px;
}
/**** Change Mobile Menu Dropdown Arrows to Plus Icon ****/
body .wpex-open-submenu span {
    font-family: "Arial";
    font-size: 16px;
}
/*body .wpex-open-submenu span::before {
     content: "\002B" !important;
     font-family: "Arial"
}*/

/* Show minus icon when active */
/*body .wpex-open-submenu[aria-expanded="true"] span::before {
    content: "\2212" !important;
}*/
/*************** main menu ***************/
.header-one #site-logo{
	position:relative;
	top:4px;
}
.main-navigation-ul #menu-item-44:hover > a{
	background-color:#fff !important;
}
.sidr-class-apply .sidr-class-link-inner, .apply .link-inner{
	color:#CC0011;
	font-weight:900 !important;
	border:1px solid #CC0011;
	border-radius:4px !important;
	/*margin-left:20px;*/
	padding:10px 24px 9px !important;
	transition: 0.3s;
}
.apply .link-inner{
	margin-left:20px;
}
.apply.full-screen-overlay-nav-menu__item .link-inner{
	margin-left:0 !important;
	top:5px;
	font-weight:900 !important;
}
.is-sticky .apply .link-inner{
	padding:5px 16px 4px !important;
}
.is-sticky #menu-menu-principal {
  margin-top: 4px;
}
.apply .link-inner:hover{
	color:#fff;
	background-color:#CC0011 !important;
}
.is-sticky .wpex-inline-flex.wpex-flex-shrink-0 img{
	height:30px;
	width:30px;
	transition: 0.3s;
}
/************** search field ***************/
.searchform .field::placeholder{
	color:#fff;
}
.searchform input.field:focus{
	color:#fff !important;
}
#searchform-header-replace-close{
	color:#eee;
}
/****** no search result found ******/
.wpex-no-posts-found{
	text-align:center;
}
/**************** centered on mobile ****************/
@media only screen and (max-width: 769px) {
	.centered-on-mobile {
		text-align:center;
	}
}
@media only screen and (max-width: 959px) {
	.centered-on-mobile2 {
		text-align:center;
	}
}
/**************** swap on mobile **************/
@media only screen and (max-width: 769px) {
	.swap-on-mobile {
		display: flex !important;
		flex-direction: column-reverse;
	}
}
/**************** margins & paddings **************/
.top20{
	margin-top:20px;
}
.top50{
	margin-top:50px;
}
.bottom20{
	margin-bottom:20px;
}
.bottom60{
	margin-bottom:60px;
}
.bottom80{
	margin-bottom:80px;
}
.bottom100{
	margin-bottom:100px;
}
.extramargin-p p{
	margin-bottom:35px;
}
.nopadding{
	padding:0 !important;
}
.ubertitle{
	padding-bottom:0;
}
.subtitle{
	margin-top:0 !important;
	padding-top:0;
}
ul, ol{
	margin-left:20px;
}
/************** justified text ***************/
.justif{
	text-align:justify;
}
/****************** HOME *******************/
/****************** Home vacancies ***************/
.verticaldivider{
	border-right:1px solid #191919 !important;
}
.vacancieshome{
	
}
.buttonvacancies{
	margin-left:auto !important;
	margin-right:auto !important;
	margin-top:50px;
	display:block;
	width:200px;
}
.buttonvacancies span.ticon{
	margin-left:7px;
}
.seavacancies{

}
/****************** Home recruitment process *****************/
/*.homeprocessicons{
	position:relative;
	z-index:-999;
	bottom:-200px;
	left:-200px;
}*/
.recruit .vc_column-inner{
	max-width:70%;
	margin-left:auto !important;
	margin-right:auto !important;
} 
.one:before,.two:before,.three:before,.four:before{
	
	margin-right:20px;
	font-weight:900;
	font-size:1.5em;
	color:#54a4d7;
}
.one:before{
	content:"1";
}
.two:before{
	content:"2";
}
.three:before{
	content:"3";
}
.four:before{
	content:"4";
}
.bordernone{
	border:none;
}
.bluebutton{
	border:1px solid transparent;
	transition:0.4s;
	background-color:transparent;
	
}
.bluebutton:hover{
	border:1px solid #54a4d7;
	background-color:transparent;
}
.bluebutton:active{
	border:1px solid #54a4d7;
	background-color:#eee;
	color:#191919;
}
/****************** cruise line logos *******************/
.cruiselogos a{
	display:inline-block !important;
}
.cruiselogos span img, .cruiselogos a img{
	margin:10px 20px;
}
/****************** Drop shadow *******************/
.dropshadow .vc_column-inner{
	-webkit-box-shadow: 0px 0px 18px -12px #191919; 
	box-shadow: 0px 0px 18px -12px #191919;
}
/***************** zooom *******************/
.zooom img,.zooom2 img{
	transition: 0.3s;
}
.zooom img:hover{
	filter: contrast(120%);
	opacity: 0.7;
}
.zooom2 img:hover{
	filter: contrast(150%);
	opacity: 0.5;
}
.basicbutton span.vcex-teaser-button{
	border:1px solid #54A4D7;
}
/****************** images in text content ********************/
@media all and (min-width:768px){
	.imgincontent{
		float: right; 
		max-width: 40%; 
		margin-left: 80px;
		margin-bottom: 40px !important;
	}
}
@media all and (max-width:767px){
	.imgincontent{
		float: none;
		display:block !important;
		width:100%;
		margin: 0 auto 60px !important;
	}
}
/******************* bigger pic *******************/
.biggerpic img{
	width:120%;
	max-width:120%;
}
/******************* list style ********************/
.wpb_wrapper ul li{
	list-style-type: none;
}
.wpb_wrapper ul li::marker{
	padding-top:5px;
}
.wpb_wrapper ul li::before{
  content: "•";
  padding-right: 10px;
  color:#aaa;
}
.listdates ul{
	margin-left:0;
}
/****************** CALL TO ACTION ******************/
#footer-callout-left {
  text-align: center !important;
}
/****************** FOOTER ******************/
@media all and  (max-width:1055px){
	footer{
		text-align:center;
	}
	footer .bottom-logo a{
		display:block;
		width:260px;
		margin-left:auto;
		margin-right:auto;
	}
}
.bottom-logo{
	font-size:24px;
	font-weight: 600;
	line-height:20px;
	margin-top:3px;
	margin-bottom:10px;
}
.bottom-logo span{
	font-size:12px;
	margin-left:1px;
}
.bottom-logo img{
	float: left;
	margin-right: 14px;
	position:relative;
	bottom:15px;
}
.footer-message{
	font-size:11px;
}
.social img{
	width:35px;
	margin:5px;
	transition: transform .9s;
}
a.bottom-logo-link:hover h2 img, .social img:hover{
	filter: drop-shadow(0px 0px 0px red) invert(50%);
}
.bottom-logo-link{
	display:block;
	max-width: 260px;
	margin-left: auto;
	margin-right: auto;
	text-align:left;
}
a.bottom-logo-link:hover h2{
	color:#bbb !important;
}
/****************** contact form ****************/
    .wpcf7-form textarea{  
     /*width: 100% !important; */
     height:120px; 
    } 
/******** popup privacy policy ********/
.ays-pb-modals {
  text-align: left !important;
}
/****************** ReCAPTCHA Hide ******************/
div.grecaptcha-badge {
    width:0 !important;
}