/*
Theme Name: the7dtchild
Author: Dream-Theme
Author URI: http://dream-theme.com/
Description: The7 is perfectly scalable, performance and SEO optimized, responsive, retina ready multipurpose WordPress theme. It will fit every site – big or small. From huge corporate portals to studio or personal sites – The7 will become a great foundation for your next project!
Version: 1.0.0
License: This WordPress theme is comprised of two parts: (1) The PHP code and integrated HTML are licensed under the GPL license as is WordPress itself.  You will find a copy of the license text in the same directory as this text file. Or you can read it here: http://wordpress.org/about/gpl/ (2) All other parts of the theme including, but not limited to the CSS code, images, and design are licensed according to the license purchased. Read about licensing details here: http://themeforest.net/licenses/regular_extended
Template: dt-the7
*/
/*::::::::::::::::::: All :::::::::::::::::::*/
#main {
    padding-top: 0 !important;
}
p {
    margin-bottom: 20px;
}
/*transition*/
#sidefixbox li a::before,
#phantom .menu-item > a > i,
#primary-menu .menu-item > a > i {
	-moz-transition: .3s;
    -webkit-transition: .3s;
    transition: .3s;
}
/*lien*/
.wpb_text_column a {
    text-decoration: underline !important;
    color: #333;
}
.wpb_text_column a:hover{
	text-decoration: none !important;
	color: #ff7800 !important;
}
.aio-icon-description a:hover,
.wpb_text_column a:hover span{
    color: #ff7800 !important;
}
/*:::::::::::::::: Colour :::::::::::::::::*/
/**************
  orange rouge
***************/
#sidefixbox li a.sidecheck,
#sidefixbox li a:hover,
#sidefixbox li a::before,
.text-icon h3::before,
.gragde-orange i::before,
#phantom .menu-item > a > i::before{
    color: #f8b133;
    background: -webkit-linear-gradient(left, #f8b133 0%, #e5332a 100%);
    background-clip: border-box;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
/*:::::::::::::::::: Menu ::::::::::::::::::*/
.page-tate > .upb_row_bg:before,
#main-slideshow::before {
    display: block;
    content: "";
    position: absolute;
    width: 100%;
    height: 250px;
    background: url('https://metamorphose.demo-id.fr/wp-content/uploads/2020/12/entete-02.svg') no-repeat;
    background-size: 700px auto;
    z-index: 10;
	top: 0;
	background-position: 0 -20px;
	filter: drop-shadow(0px 0px 8px rgba(40, 40, 40, 0.5));
}
.page-tate > .upb_row_bg:after,
#main-slideshow::after {
    content: "";
    position: absolute;
    width: 100%;
    height: 360px;
    background: url('https://metamorphose.demo-id.fr/wp-content/uploads/2020/12/entete-bas-02.svg');
    background-size: contain;
    background-repeat: no-repeat;
    bottom: -2px;
    z-index: 1;
    background-position: bottom;
}
/*logo main*/
.header-bar .branding {
    max-width: 200px;
    position: absolute;
    left: 100px !important;
    top: -20px;
}
/*logo mobile*/
.mobile-branding {
    left: 20px !important;
    position: absolute;
    top: 10px;
}
/*menu main et scroll*/
#primary-menu .sub-nav {
    margin-top: -10px;
}
.menu-box .sub-nav {
    margin-top: -30px;
}
#primary-menu > li > a {
    text-shadow: 3px 3px 4px rgba(0,0,0, 0.20);
}
.main-nav > li{
    margin-right: 30px;
}
.main-nav > li:last-child {
    margin-right: 0 !important;
}
.main-nav .menu-item-text i{
    bottom: -15px !important;
}
.main-nav .menu-item > a > i {
    opacity: 0 !important;
}
.main-nav .menu-item > a:hover i {
    opacity: 1 !important;
}
/*menu comment*/
#page .menu-item-23 li.act > a:hover{
    background-color: #f8b133 !important;
    background: #f8b133 !important;
    background: -webkit-linear-gradient(90deg, #f8b133 30%, #e5332a 100%) !important;
    background: linear-gradient(90deg, #f8b133 30%, #e5332a 100%) !important;
}
#page .menu-item-23 li.act > a {
    background: #fff !important;
}
#page .menu-item-23 li:not(.dt-mega-parent).act > a,
#page .menu-item-23 li.act:not(.dt-mega-parent):not(.wpml-ls-item):not(.wpml-ls-item) > a,
#page .menu-item-23 li a .menu-text,
#page .menu-item-23 li.act:not(.dt-mega-parent):not(.wpml-ls-item) > a .menu-text {
     color: #333333;
}
#page .menu-item-23 li a:hover  .menu-text{
	color: #fff !important;
}
/*menu scroll*/
#phantom .main-nav > li:not(.wpml-ls-item) > a {
    color: #fff;
}
#phantom img {
    max-width: 150px;
    height: auto;
}
@media screen and (max-width: 1654px) {
.page-tate > .upb_row_bg::before, #main-slideshow::before {
    background-size: 600px auto;
    left: -20px;
}
.header-bar .branding {
    max-width: 180px;
    left: 60px !important;
    top: -30px;
}
}
@media screen and (max-width: 1250px) {
.page-tate > .upb_row_bg:before,
#main-slideshow::before {
    background: url('https://metamorphose.demo-id.fr/wp-content/uploads/2020/12/entete-p-01.svg') no-repeat;
	background-size: 350px auto;
	background-position: -30px 0px;
}
.header-bar .branding {
    max-width: 150px;
    top: -30px;
    left: 25px !important;
}

}
@media screen and (max-width: 1550px) {
.main-nav .menu-text {
    font-size: 20px !important;
}
.main-nav > .menu-item > a > i {
    font-size: 25px;
}
.main-nav > li {
    margin-right: 0px;
}
.header-bar {
    padding-right: 10px !important;
}
}
@media screen and (max-width: 1150px) {
.header-bar {
    padding-right: 10px !important;
}
#phantom.full-width .ph-wrap {
    padding-left: 10px;
	padding-right: 10px;
}
.main-nav > li:not(.menu-item-22) > a {
    padding: 0px 10px 0px 10px;
}
}
@media screen and (max-width: 990px) {
.page-tate > .upb_row_bg:before,
#main-slideshow::before {
    background: url('https://metamorphose.demo-id.fr/wp-content/uploads/2020/12/entete-02.svg') no-repeat;
    background-position: -20px -60px;
	filter: drop-shadow(0px 0px 8px rgba(40, 40, 40, 0.5));
}
.mobile-branding {
    left: 65px !important;
    max-width: 150px;
}
}
/*::::::::::::::::: Home ::::::::::::::::::*/
.home-title-actu h1,
.home-title-actu h3 {
    text-shadow: 3px 3px 4px rgba(0,0,0, 0.20);
}
.home-title-actu {
    margin-top: 100px;
}
.home .vc_separator {
    margin: 60px auto;
}
.home .vc_col-sm-6 h2 {
    margin-bottom: 40px !important;
}
.home-about {
    margin-bottom: 50px !important;
}
.home-bas::after {
    content: "";
    width: 100% !important;
    height: 227px;
    background: url('https://metamorphose.demo-id.fr/wp-content/uploads/2021/01/frame-blanche.png');
    background-repeat: repeat-x;
    display: block;
    bottom: -2px;
    position: absolute;
    z-index: 0;
}
.home-bas .owl-carousel {
    padding-left: 30px;
    padding-right: 30px;
}
.home-bas .blog-shortcode {
    z-index: 1;
    position: relative;
}
/*css link off*/
.post .entry-meta a,
.post .fancy-categories a {
    pointer-events: none;
}
.chiffre .upb_row_bg.vcpb-vz-jquery::before {
background: -moz-linear-gradient(left, rgba(248,177,51,.8),rgba(229,51,42,.9)); 
background: -webkit-linear-gradient(left, rgba(248,177,51,.8),rgba(229,51,42,.9)); 
background: linear-gradient(to right, rgba(248,177,51,.8),rgba(229,51,42,.9)); 
    content: "";
    width: 100%;
    height: 100%;
    display: block;
}
.home .aio-icon-component.style_1 {
    text-align: center;
}
/*::::::::::::::::: Page :::::::::::::::::*/
.single-post h3 a {
    z-index: 10;
    position: relative;
}
/*sidefixbox*/
#sidefixbox li a::before {
	content: "\e90c";
	font-family: 'icomorp-03' !important;
    position: absolute;
	opacity: 0;
	left: -25px;
}
#sidefixbox .sidecheck::before,
#sidefixbox li a:hover::before {
	opacity: 1;
}
.sidebar-content .widget{
    border-top: none;
}
#sidefixbox {
    width: 25%;
	padding-left: 20px;
	z-index: 1000;
}
.page-sidefix > .vc_col-sm-9{
    width: 75%;
	padding-left: 60px;
}
#sidefixbox li a{
    position: relative;
}
#sidefixbox li {
    margin-bottom: 20px;
}
#sidefixbox a {
    font-size: 22px;
	font-family: "Philosopher", sans-serif;
}
/*title et icon*/

#point-axes::before {
	background: url('https://metamorphose.demo-id.fr/wp-content/uploads/2021/02/axes.svg') no-repeat;	
}
#point-notre-approche::before{
	background: url('https://metamorphose.demo-id.fr/wp-content/uploads/2021/02/approches.svg') no-repeat;	
}


.title-contact h1::after {
	background: url('https://metamorphose.demo-id.fr/wp-content/uploads/2020/12/picto_contact-02.svg') no-repeat;
}
.title-actu h1::after {
	background: url('https://metamorphose.demo-id.fr/wp-content/uploads/2020/12/picto_actus-02.svg') no-repeat;
}
.title-pourquoi h1::after {
	background: url('https://metamorphose.demo-id.fr/wp-content/uploads/2021/02/pourquoi-02.svg') no-repeat;
}
.title-qui h1::after {
	background: url('https://metamorphose.demo-id.fr/wp-content/uploads/2020/12/picto_pourquoi-02.svg') no-repeat;
}
.title-comment h1::after {
	background: url('https://metamorphose.demo-id.fr/wp-content/uploads/2020/12/picto_comment-02.svg') no-repeat;
}
.title-quoi h1::after {
	background: url('https://metamorphose.demo-id.fr/wp-content/uploads/2020/12/picto_quoi-02.svg') no-repeat;
}
.title-page h1::after {
    display: block;
    content: "";
    position: absolute;
    width: 100px;
    height: 100px;
	background-size: contain;
    right: -120px;
    top: 10px;
}
.title-page h1 {
    position: relative;
}
.title-page {
    max-width: 800px;
    margin-left: auto;
    padding-right: 120px;
	margin-top: -100px;
}
.title-icon h2, .title-icon h3 {
    position: relative;
    margin-bottom: 0 !important;
}
.title-icon h2::before{
    content: "";
    position: absolute;
    width: 70px;
    height: 80px;
	background-size: contain !important;
    left: -80px;
	background: url('https://metamorphose.demo-id.fr/wp-content/uploads/2020/12/picto_pourquoi.svg') no-repeat;
}
.title-contact h1 {
    margin-top: 30px !important;
}
.title-contact h1::after {
    top: -10px;
}
@media screen and (min-width: 1700px) {
.title-page {
	margin-top: -150px;
}
}
@media screen and (max-width: 1300px) {
.title-page {
    margin-top: -80px;
}
}
@media screen and (max-width: 992px) {
.title-page h1::after {
    height: 80px;
}
.title-page h1 {
    font-size: 42px;
}
}

@media screen and (min-width: 801px) {
#valeurs > div:nth-of-type(2),
#vision > div:nth-of-type(2) {
    padding-left: 60px;
}
}
/**************
   page-quoi
***************/
.page-quoi .left-icon .aio-icon-left {
    display: table-cell;
    vertical-align: middle;
	padding-right: 10px;
}
.page-quoi .vc_col-sm-8 .aio-icon-component.style_2 {
    margin-bottom: 0;
}
/**************
   page-qui
***************/
#point-realisations::before {
    background: url('https://metamorphose.demo-id.fr/wp-content/uploads/2021/02/picto_reference.svg') no-repeat;
	bottom: 0;
}
#point-partenaires::before {
    background: url('https://metamorphose.demo-id.fr/uploads/2021/02/picto-partenaires.svg') no-repeat;
}
#point-historique::before {
    background: url('https://metamorphose.demo-id.fr/wp-content/uploads/2021/02/picto_historique.svg') no-repeat;
}
#point-expertise::before {
    background: url('https://metamorphose.demo-id.fr/wp-content/uploads/2021/02/picto_expertises.svg') no-repeat;
    bottom: -40px;
}
.page-qui h2::before {
    content: "";
    position: absolute;
    width: 70px;
    height: 80px;
    background-size: contain !important;
    left: -80px;
    background: url('https://metamorphose.demo-id.fr/wp-content/uploads/2020/12/picto_pourquoi.svg') no-repeat;
        background-size: auto;
    background-size: auto;
    bottom: -20px;
}
.page-qui h2 {
    position: relative;
}
.page-qui {
    padding-left: 70px !important;
}
.page-qui .aio-icon-img {
    margin-right: 40px !important;
}
/**************
  page-contact
***************/
.gform_footer.top_label {
    text-align: center;
}
/**************
  page-comment
***************/
.page-comment .vc_col-sm-4 img {
    max-width: 150px !important;
}
/**************
  Plan du site
***************/
.page-id-33 .wsp-dt_teams-list br,
.page-id-33 .page_item.page-item-5,
.page-id-33 .page_item.page-item-1340{
    display: none;
}
/*::::::::::::::::: Footer :::::::::::::::::::*/

#footer .wf-container section:nth-child(1){
	
}
#footer .wf-container section:nth-child(2){
	
}
#footer .wf-container section:nth-child(3){
	
}
#footer .wf-container section:nth-child(4){
	
}
/* section 1 */
/* section 2 */
/* section 3 */
/* section 4 */


#bottom-bar .wf-container-bottom {
    align-items: flex-end;
}
#bottom-bar .wf-float-right, 
#bottom-bar .wf-float-left{
    padding-bottom: 10px;
}
/*:::::::::::::::::: Mobile ::::::::::::::::::*/
/**************
     1050px
***************/
@media screen and (max-width: 1050px) {
#bottom-bar .wf-container-bottom,
.wf-container-bottom > div {
    display: block !important;
    width: 100%;
    text-align: center !important;
}
#bottom-bar .wf-float-left {
    padding-bottom: 0 !important;
}
#sidefixbox {
    width: 30%;
}
.page-sidefix > .vc_col-sm-9{
    width: 70%;
}
	
.page-qui .dt-css-grid {
    grid-column-gap: 10px !important;
    grid-row-gap: 20px !important;
}
}
/**************
     800px
***************/
@media screen and (max-width: 800px) {
.vc_col-sm-6 {
    width: 100%;
}
.vc_row.vc_column-gap-35 > .vc_column_container {
    padding-top: 0;
    padding-bottom: 0;
}
#fancy-header {
    padding-top: 350px !important;
}
.page-tate {
    height: 500px;
}
.page-qui h2 {
    margin-left: 80px;
}
#sidefixbox,
.page-sidefix > .vc_col-sm-9{
    width: 100%;
}
#sidefixbox .wpb_wrapper{
    height: auto !important;
}
#text-2_clone,
#text-3_clone{
    display: none;
}
#text-2,
#text-3 {
    position: relative !important;
    top: 0 !important;
    margin: auto;
	padding: 0 !important;
}
#sidefixbox li {
    text-align: center !important;
}
.page-sidefix > .vc_col-sm-9 {
    padding-left: 0 !important;
    padding-right: 0 !important;
}
.title-icon h2::before {
    left: 0;
}
.title-icon h2,
.title-icon h3{
    padding-left: 80px;
}
#sidefixbox {
    padding-left: 0px;
}
#expertise h3 {
	margin-left: 80px;
}	
	
.home-about .wf-cell {
    width: 33% !important;
}	
	
.page-comment h3 {
    padding-left: 0 !important;
    font-size: 28px;
    margin-bottom: 10px !important;
}	
.page-comment h2 + h3 {
    padding-left: 80px !important;
}		
}
/**************
     767px
***************/
@media screen and (max-width: 767px) {
.page-tate > .upb_row_bg::before, #main-slideshow::before {
    left: 0px;
}	
}

@media screen and (max-width: 778px) {
.page-id-680 #main > .wf-wrap {
    padding: 0 50px 0 50px !important;
}
.page-qui .dt-css-grid {
    grid-column-gap: 20px !important;
}
}
/**************
     600px
***************/
@media screen and (max-width: 600px) {
h2 {
    font-size: 28px;
    line-height: 1.3;
}
	
.home #content h2,
h3 {
    font-size: 22px;
    line-height: 1.3;
}
h5 {
    font-size: 18px;
    line-height: 1.5;
}
.home .vc_separator {
    margin: 30px auto;
}
.page-tate {
    height: 350px;
}
.home-about .wf-cell {
    width: 50% !important;
}
#main > .wf-wrap {
    padding: 0 25px 0 25px;
}
.title-page {
    padding-right: 0;
	margin-top: 0px;
}
.title-page .vc_column-inner {
    padding-top: 0 !important;
}
.title-page .dt-breadcrumbs-shortcode,
.title-page h1,
.title-page h3, .title-page h4 {
    margin-right: 100px;
}

.title-icon h2::before {
    height: 70px;
}
#rev_slider_3_1_forcefullwidth,
#rev_slider_3_1 {
    height: 400px !important;
}
.aio-icon-img {
    font-size: 80px !important;
}
.aio-icon-box p {
	padding: 0 !important;
}
#point-axes::before {
    bottom: -20px;
}
.page-id-14 .upb_row_bg {
    background-position: 70% 0px !important;
}
#point-expertise::before {
    bottom: -60px;
}
#point-realisations::before {
    bottom: 30px;
}
}


@media screen and (max-width: 520px) {
.#rev_slider_3_1::after {
    top: 280px;
}
}