/*
Theme Name: AEripret
Theme URI: https://talentid.es
Description: AEripret, based on Visual Composer Starter theme
Author: Talentid.es & The Visual Composer Team
Author URI: https://talentid.es
Template: visual-composer-starter
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: light, blog, starter, responsive-layout, accessibility-ready, sandwich-menu
Text Domain: aeripret
*/

/** STRUCTURE

* {
  background: #000 !important;
  color: #0f0 !important;
  outline: solid #f00 1px !important;
} **/


:target {
    padding-top: 179px!important;
    margin-top: -179px!important;
    display: inline-block;
}

p > a:hover {
    opacity: 0.75;
}

.content-wrapper {
    padding: 0 15px;
}

.vc_row {
    padding-top: 15px;
    padding-bottom: 15px;
    margin-top: 15px;
    margin-bottom: 15px;
}

/* TURNS P TAGS TO WHITE FOR DARK SECTIONS - USE DARK ROW CLASS */
.vc_row.dark .wpb_text_column p { 
    color: white!important; 
}

/* FORCES FLOAT RIGHT FOR RTL CLASS ROWS */
.vc_row.rtl > .wpb_column {
    float: right!important;
}

.rtl {
	direction: rtl;
}

.rtl .wpb_column {
	direction: ltr;
}

/* HIDE H1 FROM PAGES ONLY */
body.page h1.entry-title { display:none; }

/* FORCE TEXT TO CENTER USING MOBILECENTER CLASS ON COLUMNS */  
@media screen and (max-width: 767px) {
    .wpb_column.mobilecenter {text-align:center}
}

/* BIG NUMBERS RULE */
span.big { font-size : 38px; }

/* PSEUDO OBJECT CHEVRON BEFORE NUMBERS */
.vc_row.steps .wpb_column:not(:first-child) span.big:before { 
    font-size : 76px; 
    content:"\203A"; 
    position:absolute; 
    top: 5px; 
    left: -20px; 
    color: #f26518;
}
@media screen and (max-width: 767px) {
    .vc_row.steps .wpb_column:not(:first-child) span.big:before { 
    top: -30px;
    left: 29px;
    display: inline-block;
    transform: rotate(90deg);
    position: relative;
}
}


/* links, basics */

#offres a, #eredigitale a { text-decoration: initial; border-bottom: 0; }
.blue { color: #009FE3; }
.red { color: #fc7f50/*#EF5B67*/}

p a {
    font-weight: 600;
}

.vc_btn3 {
    text-transform: uppercase;
}


.entry-content ul>li.vc_pagination-item:before {
    content: none;
} 

/* HEADER */

@media only screen and (max-width: 767px) {
    .navbar-wrapper {
        padding: 15px 15px;
    }
    .navbar-toggle {
        margin-right: 0;
        margin-top: 0;
    }

    .navbar-brand img {
        max-width: 55%;
    }
}

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

.navbar-wrapper {
    padding-top: 14px;
    padding-bottom: 4px;
    transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -webkit-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
}

body:not(.menu-sandwich) #main-menu>ul {
    position: relative;
    top: 0;
    transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -webkit-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
  }

body:not(.menu-sandwich) .shrink #main-menu>ul {
    position: relative;
    top: 8px;
}

.navbar-brand h1 {    
    margin-bottom: 10px;
  transition: all 0.5s ease;
    font-size: 38px;
}

.shrink .navbar-wrapper {
    padding-top: 0;
    padding-bottom: 0;
}

.navbar.fixed {
    background-color: rgba(255,255,255,1);    
}

.shrink .navbar.fixed {
    background-color: rgba(255,255,255,1);    
    box-shadow: rgb(0 0 0 / 15%) 0px 0px 15px;
  transition: all 0.5s ease;
}

.shrink .navbar.fixed .navbar-brand h1 {
    margin-top: 7px;
}

body:not(.menu-sandwich) .navbar-header img {
    max-width: 55%;
    height: auto;
    transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -webkit-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
}

body:not(.menu-sandwich) .shrink  .navbar-header img {
    max-width: 45%;
    height: auto;
    margin: 8px auto;
}
}

@media only screen and (min-width: 768px) and (max-width: 959px){
.navbar-wrapper {
    margin: 0 -15px;
    padding: 10px 15px 0;
}
body:not(.menu-sandwich) .navbar-header img {
    max-width: 80%;
    height: auto;
    margin-top: 10px;
}
}

/** STRUCTURE **/

.main-content {
    padding-bottom: 0px!important;
}

#footer {
    background-color: #001d38;
}

/* BACKGROUNDS */ 

#banner .vc_single_image-wrapper:before {
    content: " ";
    width: 300px;
    height: 300px;
    background: url(img/circle_orange.svg) center center;
    background-size: cover;
    position: absolute;
    bottom: 34%;
    right: 8%;
    z-index: -1;
    opacity: 60%;
}
#banner .vc_single_image-wrapper:after {
    content: " ";
    width: 180px;
    height: 180px;
    background: url(img/circle_red.svg) center center;
    background-size: cover;
    position: absolute;
    bottom: 5%;
    left: 45%;
    z-index: -1;    
    opacity: 85%;
}
@media only screen and (max-width: 767px) {
#banner .vc_single_image-wrapper:before {
    content: none;
}
}


#eredigitale {
	background: url('img/bkg_eredigitale_blue.svg') top center no-repeat;
	background-size: 150%;
	padding-top: 200px
}

#offres {
	background: url('img/bkg_offres.svg') 50% -10% no-repeat;
	background-size: 175%;
}

#quisommesnous,
#livreblanc {
	background: url('img/bkg_about.svg') center center no-repeat;
	background-size: cover;
	padding-top: 50px;
	padding-bottom: 50px;
    margin-bottom: -100px;
    z-index: 1;
}

#contact {
	background: url('img/bkg_contact.svg') top center no-repeat;
	background-size: 150%;
	padding-top: 0;
	padding-bottom: 100px;
}

@media only screen and (max-width: 959px) {
#contact,
#eredigitale,
#offres {
    background-size: cover;
}
}

#emydebout .wpb_single_image {
	box-shadow: rgb(0 0 0 / 15%) 0px 0px 15px;
}

#emydebout:before {
    content: " ";
    width: 110px;
    height: 110px;
    background: url(img/circle_orange.svg) center center;
    background-size: cover;
    position: absolute;
    bottom: 35%;
    left: 3%;
}

#emydebout:after {
	content: " ";
    width: 180px;
    height: 180px;
    background: url(img/circle_red.svg) center center;
    background-size: cover;
    position: absolute;
    bottom: 5%;
    right: 20%;	
}


#realisations .vc_column-inner .vc_column-inner img {
    transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -webkit-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
}

#realisations .vc_column-inner .vc_column-inner:hover img {
    /*box-shadow: rgb(84 168 255 / 50%) 0px 0px 20px;*/
    transform: translateY(-20px);
}

/* WHITE COLUMNS */
#eredigitale .vc_column-inner > .wpb_wrapper /*,
#offres .vc_column-inner > .wpb_wrapper */{ 
	height:100%; 	margin-bottom:40px;  
}

#eredigitale .wpb_column .wpb_column .wpb_content_element, /*,
#offres .wpb_column .wpb_column .vc_column-inner > .wpb_wrapper*/
#abos {
	height:100%;
	padding:30px 25px;
	background: white;
	border-radius: 8px; 
	transition: box-shadow 0.3s ease-in-out;
}

#eredigitale .wpb_column .wpb_column,
#offres .wpb_column .wpb_column,
#abos {
	transition: transform 0.3s ease-in-out;
}

#eredigitale .wpb_column .wpb_column .wpb_content_element:hover,
#abos /*,
#offres .wpb_column .wpb_column .vc_column-inner > .wpb_wrapper:hover*/ {
	box-shadow: rgb(0 0 0 / 20%) 0px 0px 20px;
}
#eredigitale .wpb_column .wpb_column:hover /*,
#offres .wpb_column .wpb_column:hover*/ {
	transform: translateY(-20px);
}

#options .vc_btn3-center {
	position:absolute;
    left: -10px;
    top: 20px;
}

@media only screen and (max-width: 959px) {
#options .vc_btn3-center {
    left: 0;
    top: -25px;
    right: 0;
}
#options .wpb_column {
    margin-bottom: 40px;
}
}

.pulse {
    animation: shadow-pulse 2s infinite;
}

/* PULSE */

@keyframes pulse {
    0% {
        width: 82px;
        height: 82px;
        opacity: 1;
    }

    50% {
        opacity: 1;
    }

    100% {
        height: 150px;
        width: 150px;
        opacity: 0;
    }
}



/* WHITE COLUMNS CTA LINKS DOCKED DOWN */


#offres .pricetag {
	color: #009FE3;
}
#offres .pricetag { 
	font-size: 50px;
	margin-bottom: 0;
}

#options .pricetag {
    color: #009FE3;
}
#options .pricetag { 
    font-size: 35px;
    margin-bottom: 0;
}
#abos ul{margin-top: 20px; margin-bottom: 20px;}
#abos ul>li {
    padding-top: 7px;
    padding-bottom: 7px;
}

@media only screen and (min-width: 960px) {
.wpb_column #abos .wpb_column .vc_column-inner > .wpb_wrapper {
	/*padding-bottom: 315px;*/
}

.wpb_column #options .wpb_column .vc_column-inner > .wpb_wrapper {
    padding-bottom: 125px;
}

.wpb_column #abos .wpb_column .vc_column-inner > .wpb_wrapper .wpb_content_element:nth-child(2) {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 110px;
}
	
.wpb_column #options .wpb_column .vc_column-inner > .wpb_wrapper .wpb_content_element:nth-child(2) {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 45px;
}
	
/*#abos .vc_btn3-center {
	position:absolute;
	left: 0;
	right: 0;
	bottom: 45px;
}*/
}

@media only screen and (min-width: 768px) {
#eredigitale .wpb_column .wpb_column .vc_column-inner > .wpb_wrapper p:last-child {
	position:absolute;
	left: 0;
	right: 0;
	bottom: 75px;
}
}


/** FORMS **/

form input:not([type='checkbox']),
form select { width: 100%; line-height: 40px; height: 45px; padding: 6px; border: 1.5px solid #099fe3; border-radius: 6px;
    line-height: inherit;}
form textarea { width: 100%; line-height: 40px; height: 120px; padding: 6px; border: 1.5px solid #099fe3; border-radius: 6px;
    line-height: inherit;
}

form input::placeholder,
form select option::first-child,
form textarea::placeholder { color:#CCC; font-style: italic; font-size: 14px; padding-left: 4px; }

form input,
form select,
form textarea { border: 1px solid #099fe3;}

form [class*="col-"] {
    margin-bottom: 16px;
}

form input.wpcf7-submit {
    color: #fff;
    border: 1.5px solid #f90;
    background-color: #f90;
    background-image: -webkit-linear-gradient(top,rgba(255,255,255,.2) 0,rgba(255,255,255,.01) 100%);
    background-image: -o-linear-gradient(top,rgba(255,255,255,.2) 0,rgba(255,255,255,.01) 100%);
    background-image: linear-gradient(to bottom,rgba(255,255,255,.2) 0,rgba(255,255,255,.01) 100%);
    background-repeat: repeat-x;
}
form input.wpcf7-submit:hover {
    color: #f7f7f7;
    border-color: #e08700;
    background-color: #e08700;
}


/*** BLOG  ***/

.vc_grid-item > .vc_grid-item-mini {
        box-shadow: 12px 12px #d0d9df;
}

.vc_gitem-zone.vc_gitem-zone-c {
    padding-left: 20px;
    padding-right: 20px;
}