/*

Theme Name:     DIVI_CCNN_THEME

Description:    

Author:         admin

Template:       Divi



(optional values you can add: Theme URI, Author URI, Version, License, License URI, Tags, Text Domain)

*/





/* ****************************************

To fix img display on safari

**************************************** */

html:not(.mobile-true) #main img:not(.animate-element, .ls-s-1),

html:not(.mobile-true) #header img,

html:not(.mobile-true) #bottom-bar img {

opacity: 1 !important; 

}



/* 

creation 

hd : 006a91;

bg : f8f6f5;



le ccnn

hd: 83bcab;

bg : f8f6f5;

*/



/*body, p {

    font-family: "Montserrat",Helvetica,Arial,Lucida,sans-serif;

}

*/



/* adding a background to the header */

.home #main-header::after {

    content: "";

    background: url('http://old.ccnnantes.fr/wp-content/uploads/2016/04/header_new.png') no-repeat center top; position: fixed; ;

    width: 100%; height: 100%; top: 0; left: 0;

    -webkit-background-size: cover;

    -moz-background-size: cover;

    -o-background-size: cover;

    background-size: cover;

    opacity: 1;

    top: 0;

    left: 0;

    bottom: 0;

    right: 0;

    position: absolute;

    z-index: -1;

}





.ccnn-standard-section-content h1, .ccnn-standard-section-content h2, .ccnn-standard-section-content h3, .ccnn-standard-section-content h4, .ccnn-standard-section-content h5, .ccnn-standard-section-content h6, 

.cnn-main-section-content h1, .cnn-main-section-content h2, .cnn-main-section-content h3, .cnn-main-section-content h4, .cnn-main-section-content h5, .cnn-main-section-content h6

{

    line-height: 1.8rem

}



#top-menu a {

   text-transform: uppercase !important;

}

/* add a border top to the first level menu a */

#top-menu > li > a{

   border-top: 1px solid #000;

   padding-top:6px;

}



#top-menu a:hover { color:#e16656 !important; opacity:1; }



#et-top-navigation {

  font-weight: lighter !important

}



#top-menu li a {

    line-height: 1rem;

}



/* removes the char 2 level menu*/

#top-menu .menu-item-has-children > a:first-child::after {

    display:none;

}



#top-menu .menu-item-has-children > a:first-child, #et-secondary-nav .menu-item-has-children > a:first-child {

    padding-right: 0px;

}



.et_pb_button {

  padding: 15px 0 !important; 

  border-width: 4px 0 2px 0 !important;

  border-radius : 0;

  font-family: 'Montserrat', Helvetica, Arial, Lucida, sans-serif !important;

}

.et_pb_button:hover {

  padding: 15px 0 !important; 

}



.et_pb_promo_button:hover, .et_pb_newsletter_button:hover, a.et_pb_more_button:hover, .et_pb_pricing_table_button:hover {

    font-weight:bolder;

    background:none;

}



.page  .et_pb_section {

 padding: 0 !important;

}



.page  .cnn-main-section, .page  .cnn-standard-section {

    padding:0 !important!;

}





/* Center the background in home section */

.home .et_pb_promo,

.home_temp .et_pb_promo

 {

    background-position: center center !important;

    background-repeat: no-repeat;



}



.et_pb_title_container h1{

    text-transform: uppercase;

}

/* Removes space between last row and footer */

.et_pb_section:last-child .et_pb_row, .et_pb_section:last-child {

    padding:0;

}



/* VIdeo in project page */



.et_pb_video_box {

     padding: 0 !important;

}



/***************************************/

/* 

    Standard  Style for section:

    - Le ccnn

    - Créations et Tournées

    - Actualités 

*/

/***************************************/



.cnn-standard-section-header h1 {

     color:#fff !important;

}



.cnn-standard-section-header .et_pb_title_container {

  border-top : 1px  solid #fff;

  border-bottom : 1px  solid #fff;

  padding-bottom: 4px;

  display:inline-block;

  padding: 7px 13px 0 !important;

}





.ccnn-standard-section-content p {

   color:#666 !important;

}



.ccnn-standard-section-content hr {

    border: 0;

    height: 1px;

    margin:40px 0 50px 0;

    background:#666 none repeat scroll 0 0;

/*    background:#666;

    background-image: linear-gradient(to right, #666 #666, #555);*/

}



.ccnn-standard-section-content h1 {

   color:#666 !important;

}



.ccnn-standard-section-content  .et_pb_title_container {   

    border-top : 0;

    border-bottom :0;

    padding-top: 10px;

    display:inline-block;

    padding: 0 !important;

}



.ccnn-standard-section-content h1{

    border-top : 1px  solid #666;

    border-bottom : 1px  solid #666;

    display:inline-block;

    padding: 8px 10px !important;

}



.ccnn-standard-section-content h2 {

    color:#666 !important;

    margin-top: 20px;

}



/***************************************/

/* 

    Style for the main section: 

    - Fabriquer

    - Experimenter

    - Partager

    - Transmettre

 */

/***************************************/



.cnn-main-section-content p {

   color:#fff !important;

}



.cnn-main-section-content hr {

    border: 0;

    height: 1px;

    margin:40px 0 50px 0;

    background:#fff;

    background-image: linear-gradient(to right, #fff #fff, #ffe);

}



.cnn-main-section-content h1 {

   color:#fff !important;

}



.cnn-main-section-content  .et_pb_title_container {   

    border-top : 0;

    border-bottom :0;

    padding-top: 10px;

    display:inline-block;

    padding: 0 !important;

}



.cnn-main-section-content h1{

    border-top : 1px  solid #fff;

    border-bottom : 1px  solid #fff;

    display:inline-block;

    padding: 8px 10px !important;

}



.cnn-main-section-content h2 {

    color:#fff !important;

    margin-top: 20px;

}











.project-first-text-content{

    font-size: 1rem;

}



.project-last-text-content p{

    line-height: 125%;

}



.type-project hr{

    height: 1px;

    border:0;

}





/******************************************************/

/*** Full Width Portfolio Section ********************/

/* 

every project category comes with a default css class 

fot article html elemet equal to slug of the category

*/

/******************************************************/



/* Experimenter example */

.project_category-experimenter{

    background-color: #a9b137 !important;

}



/******************************************/

/* Creation et Tournè Link layer on image*/

/*****************************************/

.category-creations-et-tournees .et_pb_portfolio_item

{

    background-color: #006a91;

}



/******************************************/

/* Fabriquer link layer on image*/

/*****************************************/



.category-fabriquer .et_pb_portfolio_item

{

    background-color: #3f9ea2;

}



/******************************************/

/* transmettre link layer on image    */

/*****************************************/

.category-transmettre .et_pb_portfolio_item

{

    background-color: #973B47;

}





/* for the all section */

.et_pb_fullwidth_portfolio a{

    opacity:0.5;

}



/* Only for Fabriquer section*/

.category-fabriquer .et_pb_fullwidth_portfolio a{

    opacity:0.2;

}



.et_pb_fullwidth_portfolio .et_pb_portfolio_image .meta{

    text-align: center;

}



.et_pb_fullwidth_portfolio h3{

    color:white;

    font-weight:normal;

    border-bottom: 1px solid #fff !important;

    border-top: 1px solid #fff !important;

    margin-left: auto !important;

    margin-right: auto !important;

    padding: 10px 2px !important;

    width: auto !important;

    max-width: 70% !important;

    display: inline-block !important;

    float: none !important;

    font-size: 1.1rem;

    top: -5% !important;

}





.et_pb_fullwidth_portfolio a:hover{

    opacity:1;

    transition: all 0.6s ease 0s;

}



.et_pb_fullwidth_portfolio .et_overlay{

    display:none

}







/**************************************

* Arrows in fullwidth portfolio module

*************************************/

.et-pb-arrow-next {

    right: -30px;

}



.et-pb-arrow-prev {

    left: -32px;

}



.et-pb-arrow-next::before {

    color: #fff;

}



.et-pb-arrow-prev::before {

    color: #fff;

}



/*.et_pb_fullwidth_portfolio .et_pb_portfolio_image h3, .et_pb_fullwidth_portfolio .et_pb_portfolio_image p {

    backface-visibility: hidden;

    transition: all 0.3s ease 0s;

    z-index: 5;

    box-sizing: border-box;

    width: auto !important;

    float: none !important;

    display: inline-block;

    text-align: center;

    margin: 0px auto !important;

    position: relative;

}

*/



/* Poject item gallery */

/* from 4 to 3 columns */

/*.et_pb_column_4_4 .et_pb_grid_item {

    width: 33.33% !important;

}*/



/* 3 columns instead 5 */

/* In situ Portfolio fullwidth module*/

/*.in-situ-portfolio .et_pb_portfolio_item{

   width:33.3% !important;

   height: auto !important;

} 



.in-situ-portfolio .et_pb_portfolio_items {

   height: auto !important;    

}



.in-situ-portfolio .et_pb_portfolio_image  {

 padding-top: 55%;

 }

 .in-situ-portfolio .et_pb_portfolio_image  img {

 position: absolute;

 height: 100%;

 top: 0;

 left: 0;

 right: 0;

 bottom: 0;

 object-fit: cover;

}



 .in-situ-portfolio  .et_pb_portfolio_image h3{

    height: 100%;

    line-height: 100%;

}

 .in-situ-portfolio  .et_pb_portfolio_image:hover h3{

    margin-top:30%;

 }*/





/***********************************/

/* Standard Section Link */

/**********************************/



.ccnn-standard-section-content .section-link a{

    font-family: "Montserrat",Helvetica,Arial,Lucida,sans-serif; 

    color:#666 !important;

    font-size: 1rem;

    text-transform: uppercase;

}



.ccnn-standard-section-content .section-link a:hover{

    border-bottom: 2px solid #666;

}



/***********************************/

/* Main Section Link */

/**********************************/



.cnn-main-section-content .section-link a{

    font-family: "Montserrat",Helvetica,Arial,Lucida,sans-serif; 

    color:#fff;

    font-size: 1rem;

    text-transform: uppercase;

}



.cnn-main-section-content .section-link a:hover{

    border-bottom: 2px solid #fff;

}





/***********************************/

/* Footer Section Styles */

/**********************************/



#footer-widgets {

  padding: 3% 0 0;

}



#main-footer .footer-widget h4 {

  font-size: 0.8rem;

  line-height: 1rem;

}



#main-footer .footer-widget .textwidget{

    font-size: 0.8rem;

    line-height: 1rem;

}



@media (min-width: 981px) {

    .et_pb_gutters3 .footer-widget {

        margin: 0 5.5% 2.5% 0;

    }

}



/*.et_pb_blog_grid > div{

    width:30% !important;

    margin: 1.7% !important; 

}*/





/***********************************/

/*          Calendar widget:      */

/**********************************/



.widget_calendar_small_size {

    width: 93% !important;

    font-family: "Montserrat",Helvetica,Arial,Lucida,sans-serif;

}



.widget_calendar_small_size #calendar_wrap .ui-datepicker-header {

    width: 100%;

}



#calendar_wrap .calendar-pagi {

    width: 100%;

}



#calendar_wrap #wp-calendar{margin:0 !important;}



#calendar_wrap .wp-cal-datepicker-calendar tr td.WP-Cal-popup {

    background: #e16656 none repeat scroll 0 0 !important;

}



.footer-widget .widget_calendar {

    background-color: transparent !important;

    border: 0 !important;

    border-radius: 0 !important;

    box-shadow: none !important;

    float: left;

    margin-bottom: 15px !important;

}



.widget_calendar #calendar_wrap {

    background-color: transparent;

}



#calendar_wrap .ui-datepicker-header {

    background-color: #e16656;

}



#calendar_wrap .wp-cal-datepicker-calendar tr th {

    background: transparent;

    border: 0.1em solid #fff;

    border-right: 0;

    border-left: 0;

    color: #fff;

    border-top: 0;

}



#calendar_wrap .wp-cal-datepicker-calendar tr td {

    background-color: #222; 

    border: 0.1em solid #999999;

    color: #fff !important;

    border-left:0;

    border-right: 0;



}



.widget_calendar_small_size #calendar_wrap .wp-cal-datepicker-calendar tr th {

    font-size: 10px !important;

}



#calendar_wrap .wp-cal-datepicker-calendar tr td a {

    color: #fff;

    font-size: 10px !important;

}



#calendar_wrap .calendar-pagi ul li a  {

    color: #e16656 !important;

}



#calendar_wrap .calendar-pagi ul li a:hover  {

    color: #fff !important;

}



#calendar_wrap .wp-cal-datepicker-calendar tr td .wp-cal-tooltip ul li{

    margin-top: 1px;

    margin-bottom: 0;

}



#calendar_wrap .wp-cal-datepicker-calendar tr td .wp-cal-tooltip ul li a .title {

    color: #e16656 !important;

}



#calendar_wrap .calendar-pagi {

    background: transparent;

}



#calendar_wrap .wp-cal-datepicker-calendar tr td .wp-cal-tooltip {

    background-color: transparent;

    border: 0 !important;

    box-shadow: none !important;

}





.widget_calendar_small_size #calendar_wrap .wp-cal-datepicker-calendar tr td .wp-cal-tooltip span.date{

    display: none !important;

}



.footer-widget{

    border-top: 1px solid #e16656 ;

    padding: 15px 0px;

    border-bottom: 1px solid #fff;

    height: 230px;

}



.footer-widget:nth-child(1){

    border-bottom: 0;

}



#footer-widgets .footer-widget li::before {

    border-radius: 0;

    border-style:none;

    border-width: 0px;

    content:none;

    left: 0;

    position: static ;

    top: 0px;

}



#footer-widgets .footer-widget li{

    display: inline-block;

}



/*

to have the same background-color of the footer on hover in widget calendar

*/

body.page-id-521 {

    background-color: #222;

}



#footer-widgets  .special-link {

    color:#e16656;

}



#footer-widgets  .special-link:hover {

    color:#666;

    

}



#footer-widgets .last .widget_text{

    width:100%;

}



/* to have the hr width:100% see the next rules  */

.et_pb_widget {

    width: 100%;

}



.et-social-icons-hr{

    width:100%;

    height: 1px;

    color: #666;

    border:1px solid #666;

    display: block;

    text-align: left;

    margin: 5px 0;

}



.et-social-icons-container{

    text-align: left;

    margin-top: 17px;

}



.et-social-icons-container .et-social-icons{

    float: none;

}



.et-social-icons-container .footer-widget li {

    padding-left: 0;

    margin-left: 0 ;

    position: static;

    margin:10px 8px 10px 0;

}



.first-social-icon {

    margin-left: 0 !important;

    padding-left: 0 !important;

}







.et-numeridanse{

    /*background-image: url("http://old.ccnnantes.fr/wp-content/uploads/2016/04/NumeridanseTV-reduced.png");*/

   /* background-repeat: no-repeat;*/

    display:block;

    height:24px;

    width:24px;

    text-indent:-9999px;

    /*background-position: right top;*/

}



.et-ccnn-logo{

    /*background-image: url("http://old.ccnnantes.fr/wp-content/uploads/2016/04/logo-accn-footer-reduced.png");*/

    /*background-repeat: no-repeat;*/

    display:block;

    height:24px;

    width:24px;

    text-indent:-9999px;

    margin-right: 22px

}



.et-ccnn-logo img, .et-numeridanse img{

    display: block;

    max-width: 85%;

    margin-top: 6px;

}



.et-ccnn-logo a, .et-numeridanse a{

    display: block;

    width: 30px;

    height: auto;

}

.et-ccnn-logo a{

    margin-left: 3px;

}



.et-ccnn-icons{

    margin-top: 10px;

}



.et-social-facebook a,

.et-social-twitter a 

 {

    font-size: 1.5rem;

}



/****************************************

  Calendrier de tournée - Calendar Style

****************************************/



th.simcal-prev-wrapper,

th.simcal-current,

th.simcal-next-wrapper{

    color: #fff;

    background-color: #006a91;

}



.simcal-calendar{

    font-family: "Montserrat",Helvetica,Arial,Lucida,sans-serif;

}



.simcal-calendar td.simcal-day-has-events div{

    border-top: 0;

    background-color: #e16656;

    color:#fff;

    font-size: 19px;

    min-height: 156px !important;

}



.simcal-calendar-head h3{

    color: #fff

}



.promo_primavera .et_pb_promo_description {

    padding-bottom: 0px !important;

}



.promo_primavera {

    padding: 0 !important;

}



.promo_primavera h2 {

    padding: 5px 0;

}





/********************************************************/

/* **************** PopUp Overlay style *****************/

/********************************************************/



/* Desktop */

#popliup-2012 {height: 500px;}

#popliup-2583 {height: 570px;}



.popliup-box {height: 500px;}







/* Mobile */

#popliup-2141, #popliup-2582{ height:500px;}



#popliup-2012 .popliup-content,

#popliup-2141 .popliup-content,

#popliup-2583 .popliup-content,

#popliup-2582 .popliup-content,

.popliup-box .popliup-content

{

    background-color: transparent !important;

}





.primavera_container, .mobile_primavera_container,

.visual_actualites, .mobile_visual_actualites

{

    text-align: center;

}





.primavera_container .small-button, 

.mobile_primavera_container .small-button,

.visual_actualites .small-button,

.mobile_visual_actualites .small-button

{

    font-family: "Montserrat",Helvetica,Arial,Lucida,sans-serif;

    background: #e16656 !important;

    color:#fff !important;

    border:0 !important;

    border-radius: 0px !important;

    box-shadow: none !important;

    position: absolute;

    right: 0;

    top: 88%;

    margin: 0 !important;

}



.primavera_container .small-button:hover



{

    color: #222 !important;

}







.visual_actualites .small-button,

.mobile_visual_actualites .small-button

{

    background: #fff!important;

    color: #e16656 !important;

    width: 38%;

}



.visual_actualites .small-button:nth-child(1)

{

    left: 79% !important;

    width: 18%;

}



.visual_actualites .small-button:hover

{

    color: #83bcab !important;

}





.mobile_visual_actualites .small-button{

    top:40%;

    left: 9% !important;

    width: 82%;

}



.mobile_visual_actualites .small-button:nth-child(1)

{

    top:86%;

}







.primavera_container::after {

    content: "";

    background: url('http://old.ccnnantes.fr/wp-content/uploads/2016/04/img_hover.jpg') no-repeat center top; position: fixed;

    width: 100%; height: 100%; top: 0; left: 0;

    -webkit-background-size: cover;

    -moz-background-size: cover;

    -o-background-size: cover;

    background-size: cover;

    opacity: 1;

    top: 0;

    left: 0;

    bottom: 0;

    right: 0;

    position: absolute;

    z-index: -1;

}





.mobile_primavera_container::after {

    content: "";

    background: url('http://old.ccnnantes.fr/wp-content/uploads/2016/05/mobile_img_over.jpg') no-repeat center top; position: fixed;

    width: 100%; height: 100%; top: 0; left: 0;

    -webkit-background-size: cover;

    -moz-background-size: cover;

    -o-background-size: cover;

    background-size: cover;

    opacity: 1;

    top: 0;

    left: 0;

    bottom: 0;

    right: 0;

    position: absolute;

    z-index: -1;

}



/*PopUp with two buttons*/

.visual_actualites::after{

    content: "";

    background: url('http://old.ccnnantes.fr/wp-content/uploads/2017/01/POP_JAN.jpg') no-repeat center top; position: fixed;

    /*background: url('http://old.ccnnantes.fr/wp-content/uploads/2017/01/POP_JAN.jpg') no-repeat center top; position: fixed;*/

    width: 100%; height: 100%; top: 0; left: 0;

    -webkit-background-size: cover;

    -moz-background-size: cover;

    -o-background-size: cover;

    background-size: cover;

    opacity: 1;

    top: 0;

    left: 0;

    bottom: 0;

    right: 0;

    position: absolute;

    z-index: -1;

}



.mobile_visual_actualites::after {

    content: "";

    background: url('http://old.ccnnantes.fr/wp-content/uploads/2016/06/visual_actualites_mob_img.jpg') no-repeat center top; position: fixed;

    width: 100%; height: 100%; top: 0; left: 0;

    -webkit-background-size: cover;

    -moz-background-size: cover;

    -o-background-size: cover;

    background-size: cover;

    opacity: 1;

    top: 0;

    left: 0;

    bottom: 0;

    right: 0;

    position: absolute;

    z-index: -1;

}





.wp-cal-prev {

    padding-left: 0 !important;

}



/* Homepage news call to action */

.page .home-news-call {

	padding: 70px 0 !important;

}