/*
 Theme Name:   UMG Shop
 Description:  Devdummy Child Theme For UMG Shop
 Author:       devsector.ch
 Author URI:   http://devsector.ch
 Template:     devdummy
 Version:      2.0.4
 Text Domain:  umgshop
*/
 



/* COLOR SCHEME 
GREEN: 			rgba(75, 133,106, 1);
LIGHT GREEN 	rgba(181, 215, 125, 1);
BLUE GREEN		rgba(112,189,148,1);
GREY GREEN		rgba(128,154,148,1);

font-family: 'Roboto', sans-serif;
font-family: 'Source Serif Pro', serif;
font-family: 'Roboto Slab', serif;
font-family: 'Kaushan Script', sans-serif;

*/ 



* {
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
  }
  

body{
	font-family: 'Roboto', sans-serif;
	font-size: 1.1rem;
}

hr{
	border-top: 1px solid #000;
}
a,
a:link,
a:visited{
	color:rgba(112,189,148,1);
}


/* SLIDER */
.slider-group{
	margin-bottom: 5em;
}
.slider-item-background{
	min-height: 100vh;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
}


/* SCROLL DOWN ICON */
.scrolldownbox{
	position: relative;
}
.scrolldownbox a {
  position: absolute;
  bottom: 7em;
  left: 50%;
  z-index: 2;
  display: inline-block;
  -webkit-transform: translate(0, -50%);
  transform: translate(0, -50%);
  color: #fff;
  letter-spacing: .1em;
  text-decoration: none;
  transition: opacity .3s;
}
.scrolldownbox a:hover {
  opacity: .5;
}
.scrolldownbox a {
  padding-top: 60px;
}
.scrolldownbox a span {
  position: absolute;
  top: 0;
  left: 50%;
  width: 36px;
  height: 36px;
  margin-left: -18px;
  border-left: 2px solid #fff;
  border-bottom: 2px solid #fff;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
  -webkit-animation: sdb04 2s infinite;
  animation: sdb04 2s infinite;
  box-sizing: border-box;
}
@-webkit-keyframes sdb04 {
  0% {
    -webkit-transform: rotate(-45deg) translate(0, 0);
  }
  20% {
    -webkit-transform: rotate(-45deg) translate(-10px, 10px);
  }
  40% {
    -webkit-transform: rotate(-45deg) translate(0, 0);
  }
}
@keyframes sdb04 {
  0% {
    transform: rotate(-45deg) translate(0, 0);
  }
  20% {
    transform: rotate(-45deg) translate(-10px, 10px);
  }
  40% {
    transform: rotate(-45deg) translate(0, 0);
  }
}


/* HEADER */
.fullscreen_slider_banner_header{
	position: absolute;
	width: 100%;
	z-index: 1000000;
}	
h1.site-title,
p.site-title{
	margin: 1rem 0;
	padding: 0;
	line-height: 1;
	font-size: 4rem;
}

h1.site-title a,
p.site-title a{
	display: block;
	margin: 0 auto;
	width:220px;
	height: 140px;
	background: url(images/logo-shop-umg-faustine.svg) no-repeat center center;
	background-size: contain;
	text-indent: -5000px;
}
.site-header {
	margin-bottom: 3rem;
}
.entry-header{
	display: none;
}
.logged-in .entry-header,
.privacy-policy .entry-header,
.page-id-1385 .entry-header,
.page-id-1383 .entry-header{
	display: block;
}
.site-description{
	display: none;
}

/* MAIN NAV */

.navbar,
.navbar-nav{
	width: 100%;
}
.navbar-dark .navbar-nav .nav-link {
    color:rgba(112,189,148,1);
}
.navbar-dark .navbar-nav .active > .nav-link, .navbar-dark .navbar-nav .nav-link.active, .navbar-dark .navbar-nav .nav-link.show, .navbar-dark .navbar-nav .show > .nav-link {
    color: #000;
}
.navbar-dark .navbar-nav .nav-link:focus, .navbar-dark .navbar-nav .nav-link:hover {
    color: #000;
}
ul.navbar-nav{
	padding: 0 2em;
	font-size: 1.2rem;
}

/* BURGER MENU */
.navbar-toggle{
	transform: scale(2.5);
	margin-right: 0;
	right: 15px;
	z-index: 1000;
	float: none;
}
.navbar-toggle.x.collapsed{
	position: absolute;

	}
.navbar-toggle.x{
	position: fixed;

}
.navbar-toggle .icon-bar {
    display: block;
    background-color: black;
    height:1px;
}

.navbar-toggle.content-icon .icon-bar{
	background-color: black;
}



.navbar-toggle .icon-bar + .icon-bar {
    margin-top: 5px;
}
button:hover, input[type="button"]:hover, 
input[type="reset"]:hover, 
input[type="submit"]:hover {
    border-color: transparent;
}

.page-header,
.entry-header{
	margin: 2rem 0 4rem 0;
	background-color: rgba(181, 215, 125, 1);
	background-image: url(images/illustrations/trame-white.svg);
	background-position: center center;
	background-size: cover;;
	padding: 2em 0;
}
.entry-title{
	margin: 0;
	line-height: 1;
}

.page-content, .entry-content, .entry-summary {
    margin: 0;
}

body .entry-content > .alignwide, 
body .entry-content > .alignfull {
    margin: 0 calc(50% - 50vw);
    max-width: 100vw;
    width: 100vw;
}
body .slider-group {
    margin-bottom: 0;
}


.wp-block-cover h4, 
.wp-block-cover-image h4{
	color: white;
	background-color: black;
	position: absolute;
	bottom: 0;
	left:50%;
	transform: translateX(-50%);
	margin:0;
	padding: 0.35em 1em 0.15em 1em;
	max-width: 85%;
	}

body  .entry-content .alignwide, 
body .entry-content .alignfull{
	margin-top: 0;
	margin-bottom: 0;
}


/* TYPOGRAPHY */
.h1, h1, .h2, h2, .h3, h3, .h4, h4  {
	font-family: 'Source Serif Pro', serif;
	font-weight: 600;
	text-transform: uppercase;
	letter-spacing: 0.06em;
}
.h4, h4 {
	font-size: 1.2rem;
	}

h2.alamain{
	font-size:5.5rem;
	text-transform: none;
	letter-spacing: 0;
	line-height: 1;
	font-family: 'Kaushan Script', sans-serif;
	color: rgba(112,189,148,1);
	font-weight: 400;
}
h3.alamain{
	font-size:4rem;
	text-transform: none;
	letter-spacing: 0;
	line-height: 1;
	font-family: 'Kaushan Script', sans-serif;
	color: rgba(181, 215, 125, 1);
	font-weight: 400;
}
cite{
    font-style: italic;
    font-size: 0.8em;
	font-weight: bold;
	color: rgba(112,189,148,1);;
}

/* GALERY BLOCK */

.entry-content ul.blocks-gallery-grid{
	margin: 0;
	padding: 0;
}

/* COL NEGATIV ROW */
.col-negativ-row{
	background-color: black;
	color:white;
}
.col-negativ-row .wp-block-column{
	padding: 5em;
	margin-bottom: 0;
}
.col-negativ-row .wp-block-column:first-of-type{
	display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-align-content: stretch;
    -ms-flex-line-pack: stretch;
    align-content: stretch;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: rgba(112,189,148,1);
    color: rgba(208,199,189,1);
}


/* FORM */
.wpcf7-form label{
	font-size: 1.3em;
	color: rgba(112,189,148,1);
}
.wpcf7-form label,
.wpcf7-form label input
{
	width:100%;
}
.wpcf7-form button, 
.wpcf7-form input[type="button"], 
.wpcf7-form input[type="reset"], 
.wpcf7-form input[type="submit"] {
    border: 0px solid;
    border-radius: 0px;
    background: rgba(112,189,148,1);
    color: rgba(255, 255, 255, 1);
    font-size: 1em;
    line-height: 1;
    padding: 1em 2em;
    text-transform: uppercase;
    transition: all 0.3s ease-in-out;
}
.wpcf7-form button:hover, 
.wpcf7-form input[type="button"]:hover, 
.wpcf7-form input[type="reset"]:hover, 
.wpcf7-form input[type="submit"]:hover{
	background: rgba(0, 0, 0, 1);
}


/* HOMEPAGE */

.homestrat{

}
.strat{
	margin-top: 4em !important;
	margin-bottom: 4em !important;
}

.parallax-window,
.strat_highlight {
    min-height: 400px;
    padding: 4em 0;
}



#googleMap{
	height:500px;
}


/* BREADCRUMBS */
#breadcrumbs{
	padding: 2em 0;
	font-size: 0.8em;
}

/* CUSTOM CLIENTS BLOCK */
.group-custom-content{
	margin-bottom: 5rem;
	
}
.space-trame:after{
	content:" ";
	width: 100%;
	background: url(images/illustrations/trame.svg) no-repeat center center;
	background-size: cover;
	min-height: 100px;
}

/* WOOCOMMERCE */
.woocommerce{
	width:100%;
}
#customer_login{
	padding: 3rem 0;
}
.entry-content .woocommerce ul li::before {
    display: none;
}
body .woocommerce .col2-set .col-1, 
body .woocommerce-page .col2-set .col-1,
body .woocommerce .col2-set .col-2, 
body .woocommerce-page .col2-set .col-2,
body .woocommerce .col-1,
body .woocommerce .col-2{
	display: block;
	flex: none;
    max-width: none;
}
body .woocommerce .form-row{
	display: block;
}

.woocommerce #content input.button.alt:hover, .woocommerce #respond input#submit.alt:hover, .woocommerce a.button.alt:hover, .woocommerce button.button.alt:hover, .woocommerce input.button.alt:hover, .woocommerce-page #content input.button.alt:hover, .woocommerce-page #respond input#submit.alt:hover, .woocommerce-page a.button.alt:hover, .woocommerce-page button.button.alt:hover, .woocommerce-page input.button.alt:hover {
background:black !important;
font-family: 'Roboto Slab', serif;
font-weight: 400;
border-radius:0;
background-color:rgba(112,189,148,1) !important;
color:white !important;
text-shadow: transparent !important;
box-shadow: none;
border-color:rgba(112,189,148,1) !important;
}

.woocommerce #content input.button:hover, .woocommerce #respond input#submit:hover, .woocommerce a.button:hover, .woocommerce button.button:hover, .woocommerce input.button:hover, .woocommerce-page #content input.button:hover, .woocommerce-page #respond input#submit:hover, .woocommerce-page a.button:hover, .woocommerce-page button.button:hover, .woocommerce-page input.button:hover {
background:black !important;
font-family: 'Roboto Slab', serif;
font-weight: 400;
border-radius:0;
background-color:rgba(112,189,148,1)!important;
color:white !important;
text-shadow: transparent !important;
box-shadow: none;
border-color:rgba(112,189,148,1) !important;
}

.woocommerce #content input.button, .woocommerce #respond input#submit, .woocommerce a.button, .woocommerce button.button, .woocommerce input.button, .woocommerce-page #content input.button, .woocommerce-page #respond input#submit, .woocommerce-page a.button, .woocommerce-page button.button, .woocommerce-page input.button {
background:black !important;
font-family: 'Roboto Slab', serif;
font-weight: 400;
border-radius:0;
color:white !important;
text-shadow: transparent !important;
border-color:rgba(112,189,148,1) !important;
}

.woocommerce #content input.button.alt:hover, .woocommerce #respond input#submit.alt:hover, .woocommerce a.button.alt:hover, .woocommerce button.button.alt:hover, .woocommerce input.button.alt:hover, .woocommerce-page #content input.button.alt:hover, .woocommerce-page #respond input#submit.alt:hover, .woocommerce-page a.button.alt:hover, .woocommerce-page button.button.alt:hover, .woocommerce-page input.button.alt:hover {
background:black !important;
font-family: 'Roboto Slab', serif;
font-weight: 400;
border-radius:0;
box-shadow: none;
text-shadow: transparent !important;
color:white !important;
border-color:rgba(112,189,148,1) !important;
}

.woocommerce ul.products li.product .woocommerce-loop-category__title, 
.woocommerce ul.products li.product .woocommerce-loop-product__title, 
.woocommerce ul.products li.product h3 {
    padding: .5em 0;
    margin: 0;
    font-size: 1em;
    color: black;
}

#customer_details{
	margin-bottom: 3rem;
	}


/* WOOCOMMERCE FORM */
body .woocommerce form.checkout_coupon, 
body .woocommerce form.login, 
body .woocommerce form.register{
	background-color: rgba(181, 215, 125, 0.2);
	border:0;
	}

body .woocommerce form .form-row input.input-text, 
body .woocommerce form .form-row textarea {
	line-height: 2;
	border-radius: 5px;
}
label {
    margin-bottom: 0;
}
fieldset{
	margin:3em 0;
}

/* WOOCOMMERCE LIST */
.woocommerce ul.products li.product .woocommerce-loop-category__title, 
.woocommerce ul.products li.product .woocommerce-loop-product__title, 
.woocommerce ul.products li.product h3 {
    padding: .5em 0;
    margin: 0;
    font-size: 1.2em;
    color: black;
}
.woocommerce ul.products li.product .price {
    font-size: 1em;
}
.woocommerce-Price-currencySymbol{
	display: inline-block;
	margin-right: 0.25em;
}

.woocommerce div.product p.price, .woocommerce div.product span.price {
    color: #77a464;
    font-size: 1.25em;
    font-weight: 400;
}

.woocommerce table.shop_table td.product-name{
	font-weight: 400;
}

.entry-content .woocommerce-MyAccount-navigation ul{
	margin-left: 0;
	padding-left: 0;
	font-size: 1.1em;
}

.woocommerce-privacy-policy-text{
	font-size: 0.8em;
	margin: 1rem 0;
}
.woocommerce-password-strength{
	margin-top: 1rem;
}

#add_payment_method #payment ul.payment_methods, 
.woocommerce-cart #payment ul.payment_methods, 
.woocommerce-checkout #payment ul.payment_methods{
	background-color: rgba(181, 215, 125, 0.3);
}
#add_payment_method #payment, 
.woocommerce-cart #payment, 
.woocommerce-checkout #payment{
	background-color: rgba(181, 215, 125, 0.15);
}


/* TABLE */
.entry-content table tr:nth-child(2n) {
    background: rgba(181, 215, 125, 0.2);
}



/* ARCHIVE */

.alllink{
	padding: 1em;
	text-align: center;
	font-weight: bold;
}


/* FORM */
.wpcf7 input{
	background: transparent;
	border: 0;
	border-bottom: 1px solid #ccc;
}
.wpcf7 textarea{
	background: transparent;
	border: 0;
	background-attachment: local;
	  background-image:
	    linear-gradient(to right, transparent 10px, transparent 10px),
	    linear-gradient(to left, transparent 10px, transparent 10px),
	    repeating-linear-gradient(transparent, transparent 30px, #ccc 30px, #ccc 31px, #ccc 31px);
	  line-height: 31px;
	  height:150px;

}
input[type="text"], input[type="email"], input[type="url"], input[type="password"], input[type="search"], input[type="number"], input[type="tel"], input[type="range"], input[type="date"], input[type="month"], input[type="week"], input[type="time"], input[type="datetime"], input[type="datetime-local"], input[type="color"], textarea {
    color: #000;
    border-radius: 5px;
}
::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: rgba(0, 0, 0, 0.5);
}
::-moz-placeholder { /* Firefox 19+ */
  color: rgba(0, 0, 0, 0.5);
}
:-ms-input-placeholder { /* IE 10+ */
  color: rgba(0, 0, 0, 0.5);
}
:-moz-placeholder { /* Firefox 18- */
  color: rgba(0, 0, 0, 0.5);
}

/* FOOTER */
.site-footer{
	position: relative;
	padding: 10rem 0 5rem 0;	
	background-color: rgba(75, 133,106, 1);
	color: white;
	margin-top: 8rem
}
.site-footer:before{
	content:" ";
	position: absolute;
	left:50%;
	top:0;
	transform: translate(-50%, -42%);
	width: 380px;
	height: 200px;
	background: url(images/logo-shop-umg-faustine-footer.svg) center center no-repeat;
	
}
.site-footer .container{
	font-size: 0.85em;
}
.site-footer .widget{
	
	font-family: 'Roboto Slab', serif;
	letter-spacing: 0.05em;
}
.site-footer #footer-sidebar-2{
	text-align: center;
}
.site-footer #footer-sidebar-3{
	text-align: right;
}
.site-footer a{
	text-decoration: none;
	color: rgba(255,255,255,0.7);
}
.site-footer a:hover{
}
.copyright-box{
	margin-top: 2rem;
}
.copyright-box,
.site-info{
	font-size: 0.75em;
	text-align: center;
}

#menu-footer-menu li a{
	font-family: 'Roboto', sans-serif;
	font-size: 0.8em;
}

/* COOKIE */
body #cookie-notice{
	background-image: url(images/illustrations/trame-white.svg);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
}
body #cookie-notice .cn-button{
	display: inline-block;
	padding:0.25em 1em;
	color:rgba(75, 133,106, 1);
	background-color:rgba(181, 215, 125, 1) ;
	font-weight: bold;
	text-transform: uppercase;
}
body #cookie-notice .cn-button:hover{
	color:rgba(75, 133,106, 1);
	background-color:rgba(255, 255, 255, 0.9) ;
	text-decoration: none;
}
body #cookie-notice .cn-more-info,
body #cookie-notice .cn-more-info:hover{
	color: rgba(181, 215, 125, 1) ;
	background-color: transparent;
	text-transform: none;
}
body #cookie-notice .cn-more-info:hover{
	color: white;
}
.cd-top {
  display: inline-block;
  height: 40px;
  width: 40px;
  position: fixed;
  bottom: 40px;
  right: 10px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);
  /* image replacement properties */
  background: url(images/top-arrow.svg) no-repeat center center transparent;
  background-size: contain;
  overflow: hidden;
  text-indent: 100%;
  white-space: nowrap;
  visibility: hidden;
  opacity: 0;
  -webkit-transition: opacity .3s 0s, visibility 0s .3s;
  -moz-transition: opacity .3s 0s, visibility 0s .3s;
  transition: opacity .3s 0s, visibility 0s .3s;
}
.cd-top.cd-is-visible, .cd-top.cd-fade-out, .no-touch .cd-top:hover {
  -webkit-transition: opacity .3s 0s, visibility 0s 0s;
  -moz-transition: opacity .3s 0s, visibility 0s 0s;
  transition: opacity .3s 0s, visibility 0s 0s;
}
.cd-top.cd-is-visible {
  /* the button becomes visible */
  visibility: visible;
  opacity: 1;
  z-index: 1000;
}
.cd-top.cd-fade-out {
  /* if the user keeps scrolling down, the button is out of focus and becomes less visible */
  opacity: 1;
}
.no-touch .cd-top:hover {
  background-color: #e86256;
  opacity: 1;
}


/* QUI SOMMES NOUS*/
.quisommesnous-addon-box h2{
	color:rgba(128,154,148,1);
	font-size: 4.5rem;
}


/* MEDIA QUERIES */
@media only screen and (min-width: 420px) {
	.scrolldownboxposition{
		bottom:20px;/* 20px*/
	}
	/* COLUMNS */

	.one_half {
	    width: 45% !important;
	    margin-right: 10% !important;
	}
	.one_half.last_column {
	    width: 45% !important;
	    margin-right: 0px !important;
	}
	.one_third {
	    width: 32% !important;
	    margin-right: 2% !important;
	}
	.one_third.last_column {
	    width: 32% !important;
	    margin-right: 0px !important;
	}
	.two_third {
	    width: 66% !important;
	    margin-right: 2% !important;
	}
	.two_third.last_column {
	    width: 66% !important;
	    margin-right: 0px !important;
	}

}

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

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


/* Change responsive menu breakpoint (large desktops, 1200px and up) 
@media (max-width: 2500px) {
    .navbar-header {
	    float: right;
	}
    .navbar-left,.navbar-right {
        float: none !important;
    }
    .navbar-toggle {
        display: block;
    }
    .navbar-collapse {
        border-top: 1px solid transparent;
        box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
    }
    .navbar-fixed-top {
        top: 0;
        border-width: 0 0 1px;
    }
    .navbar-collapse.collapse {
        display: none!important;
        transition: none !important;
    }
    .navbar-collapse.collapse.show {
        display: block!important;
        transition: none !important;
    }
    .navbar-nav {
        float: none!important;
    }
    .navbar-expand-lg .navbar-nav .dropdown-menu{
		position: static;
	}
    .navbar-expand-lg .navbar-nav {
        -webkit-flex-direction: column;
		-ms-flex-direction: column;
		flex-direction: column;
    }
    .navbar-default .navbar-collapse, 
    .navbar-default .navbar-form {
    border:0;
    transition: none !important;
	}
 
	    .navbar-nav>li {
        float: none;
    }
   
    .navbar-nav>li>a {
        padding-top: 0;
        padding-bottom: 0;
    }
    .collapse.in{
        display:block !important;
        
    }
    .navbar-collapse,
    .navbar-collapse.collapse{
	    background-color: rgba(112,189,148,1);
	    z-index: 10;
	    
    }
    .navbar-collapse.collapse{
	    opacity: 1;
	    transition: opacity 0.15s ease-in-out !important;
	    transition-delay: 0 !important;
    }
    .navbar-collapse.collapsing{
	    opacity: 0;
    }
    
   
    
    
    .navbar-toggle {
	border: none;
	background: transparent !important;
	}
	
	.navbar-toggle:hover {
		background: transparent !important;
	}
	
	.navbar-toggle .icon-bar {

		-webkit-transition: all 0.2s;
		transition: all 0.2s;
	}
	
	
	.navbar-expand-lg .navbar-toggler {
	    display: block;
	}
	
	*/
	
	
	
    /* ANIMATED X */
	.navbar-toggle.x .icon-bar:nth-of-type(1) {
		-webkit-transform: rotate(45deg);
		-ms-transform: rotate(45deg);
		transform: rotate(45deg);
		-webkit-transform-origin: 10% 10%;
		-ms-transform-origin: 10% 10%;
		transform-origin: 10% 10%;
		
	}
	
	.navbar-toggle.x .icon-bar:nth-of-type(2) {
		opacity: 0;
		filter: alpha(opacity=0);
	}
	
	.navbar-toggle.x .icon-bar:nth-of-type(3) {
		-webkit-transform: rotate(-45deg);
		-ms-transform: rotate(-45deg);
		transform: rotate(-45deg);
		-webkit-transform-origin: 10% 90%;
		-ms-transform-origin: 10% 90%;
		transform-origin: 10% 90%;
	}
	
	/* ANIMATED X COLLAPSED */
	.navbar-toggle.x.collapsed .icon-bar:nth-of-type(1) {
		-webkit-transform: rotate(0);
		-ms-transform: rotate(0);
		transform: rotate(0);
		background-color: white;
	}
	.navbar-toggle.x.collapsed.content-icon .icon-bar:nth-of-type(1){
		background-color: black;
	}
	
	
	.navbar-toggle.x.collapsed .icon-bar:nth-of-type(2) {
		opacity: 1;
		filter: alpha(opacity=100);
		background-color: white;
	}
	.navbar-toggle.x.collapsed.content-icon .icon-bar:nth-of-type(2) {
		background-color: black;
	}
	
	.navbar-toggle.x.collapsed .icon-bar:nth-of-type(3) {
		-webkit-transform: rotate(0);
		-ms-transform: rotate(0);
		transform: rotate(0);
		background-color: white;
	}
	.navbar-toggle.x.collapsed.content-icon .icon-bar:nth-of-type(3) {
		background-color: black;
	}
	/* END ANIMATED X */
    
    
  }