7/*
Theme Name: AtlasSnacks
Theme URI: http://atlas-snacks.com
Description: This is a child theme for Flatsome
Author: UX Themes/PhilRo
Author URI: http://www.philro-web.de
Template: flatsome
Version: 2.7
*/

/*************** ADD CUSTOM CSS HERE.   ***************/

body{line-height: 120%!important;}

#content p {font-size: 24px; font-weight: 200;line-height: 120%;}
.h1, h1 {
    font-size: 35px;
    line-height: 120%;
    font-weight: 400!important;
}
.full-width-image{width: 100%!important}
.img, .img img {max-width: max-content!important}

.column-count-3{column-count: 3}
.ux-section,#top-bar{
    background-color: grey;
    color: white;
}
.m-0{margin: 0;}
.p-0{padding: 0;}

.pt-1 {
    padding-top: 1em;
}
.atlas-notice[role=error]{
  display: block;
    background: #dc3545;
    color: #fff;
    padding: .5em;
    margin-bottom: .8em;
}
.variations .reset_variations {bottom:80%; right: 1%}
.off-canvas-left .mfp-content{background-color: #000}

.absolute-footer ul {opacity: 1}
ul.header-nav li.menu-item a,.nav-dropdown.dark>li>a, ul#menu-footer li a,.copyright-footer{color: #fff!important}
.menu-item a:hover,.nav-dropdown.dark>li>a:hover{font-weight: 400}
.color-white{color: #fff!important;}
.columns-three  {-webkit-column-count: 3;column-count: 3;}
.atlas-font-15{font-size: 15px!important; line-height: 120%;}
.atlas-font-24{font-size: 24px!important;line-height: 120%;}
.atlas-font-35{font-size: 24px!important;line-height: 120%;}
.atlas-font-48{font-size: 35px!important;line-height: 120%;}
.atlas-line-height{line-height: 120%!important;}
.atlas-weight-light{font-weight: 200;}
.atlas-weight-normal{font-weight: 400;}
.atlas-flex img {max-width: 100%;}
.atlas-just-left{-webkit-box-pack: left;-ms-flex-pack: left;justify-content: left;}
.atlas-inner a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}
.atlas-inner span{margin-left: .3em}
.atlas-link{color: #fff;}
.atlas-link:hover{color:#fff}

.atlas-header h3 {margin: 0;}
.philro-hack{position: absolute;top: 1rem;width: 50%; z-index: 8;background:rgba(0,0,0,0.85); color: #fff;left: 25%;text-align: center;padding: 0;border: 2px solid red;-webkit-box-sizing: content-box;box-sizing: content-box;}
.philro-hack p {margin: 0;padding: 3rem; font-size:1.3rem;}

.uppercase-title{text-transform: uppercase;}
.breadcrumbs a {color: #000!important;}


.social-icons{font-size: 13px!important;}
.icon{border:2px solid #fff!important;color: #fff;}
.nav>li.header-divider{background-color: #fff;}
.nav>li.active>a{font-weight: 700;}

#smartslider{position: relative;}

.atlas-cart {-webkit-box-align: end!important;-ms-flex-align: end!important;align-items: flex-end!important; color:#000!important;}
.atlas-cart:hover .atlas-cart-icon{background-image: url('img/icon/hover/cart-item-black.png')!important;color:#fff;}
.header-cart-title {margin-right:10px;}
.atlas-cart-icon {width: 36px; height: 43px; display: -webkit-box; display: -ms-flexbox; display: flex;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end;}
.atlas-cart-icon span {font-weight: 400}
.smartslider-inner{display: -webkit-box;display: -ms-flexbox;display: flex;width: 100%;height: 100%; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center;-webkit-box-align: center;-ms-flex-align: center;align-items: center;position: absolute;}
.atlas-slider-handmade{max-width: 277px}
.atlas-slider-box{display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 550px;z-index: 9;text-align: center;height: 195px }
.atlas-slider-box a{color: #fff;}
.atlas-slider-box .box-title,.atlas-slider-box .box-button{display: -webkit-inline-box;display: -ms-inline-flexbox;display: inline-flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center;-webkit-box-align: center;-ms-flex-align: center;align-items: center;}
.atlas-slider-box .box-title{background-color: rgba(255,255,255,.9);font-size: 64px;font-weight: 200;height: 55%;}
.atlas-slider-box .box-title span b {font-weight: 400}
.atlas-slider-box .box-button {background-color: rgba(0,0,0,0.9);color: #fff;height: 45%;}
.atlas-slider-box .box-button .atlas-inner{font-size: 35px;}
#top-link {
    position: fixed;
    right: 35px;
    text-align: center;
    bottom: 10%;
    color: #ffffff;
    font-weight: bold;
    text-decoration: none;
    border-radius: 100%;
    background: url('img/scroll_top.png');
    border: 0;


}
.atlas-price-unit span {font-weight: normal;}
.dark blockquote {border-color: #fff;}
.logo-left .logo {margin-right: 10px;}
.pr-header-extra {display: flex;padding: .3em;background-color: red;color: #fff; width: 400px;margin-left: 8em; font-size: 15px}
.pr-header-extra span {font-weight: bold;}
.left{ text-align: left; }

.productinfo-show-discounts ul {list-style-type:none; }
.productinfo-show-discounts ul li {font-weight: bold;}
.productinfo-show-discounts ul li span {color: red;}

.product-title a {color:#000; font-size: larger; font-weight: bold;}


.button.facebook:not(.is-outline),
.button.facebook:hover {
    color: #fff !important
}

.button.instagram:not(.is-outline),
.button.instagram:hover {
    color: #fff !important
}

.button.whatsapp:not(.is-outline),
.button.whatsapp:hover {
    color: #fff !important
}

.button.twitter:not(.is-outline),
.button.twitter:hover {
    color: #fff !important
}

.button.email:not(.is-outline),
.button.email:hover {
    color: #fff !important
}

.button.phone:not(.is-outline),
.button.phone:hover {
    color: #fff !important
}

.button.pinterest:not(.is-outline),
.button.pinterest:hover {
    color: #fff !important
}

.button.rss:not(.is-outline),
.button.rss:hover {
    color: #fff !important
}

.button.tumblr:not(.is-outline),
.button.tumblr:hover {
    color: #36455d !important
}

.button.vk:not(.is-outline),
.button.vk:hover {
    color: #fff !important
}

.button.google-plus:not(.is-outline),
.button.google-plus:hover {
    color: #fff !important
}

.button.linkedin:not(.is-outline),
.button.linkedin:hover {
    color: #fff !important
}

.button.youtube:not(.is-outline),
.button.youtube:hover {
    color: #fff !important
}

.button.flickr:not(.is-outline),
.button.flickr:hover {
    color: #fff !important
}

.button.snapchat:not(.is-outline),
.button.snapchat:hover {
    color: #fff !important
}

.button.snapchat:not(.is-outline) i,
.button.snapchat:hover i {
    text-shadow: 0px 0px 6px rgba(0, 0, 0, 0.4)
}

.button.px500:not(.is-outline),
.button.px500:hover {
    color: #0099e5 !important
}

.atlas-outline{    
    border: 2px solid currentColor;
    background-color: transparent;
    margin-left: .3em;
    margin-right: .3em;
    padding: 0;
    min-height:2.5em;
    min-width: 2.5em;
    font-weight: bolder;
    text-align: center;
    line-height: 2.19em;
    display: inline-block;
    border-color: #fff;
    color: #fff;
}
.atlas-outline:hover{background-color: #fff;-webkit-box-shadow: none;box-shadow: none;}
.atlas-outline i {padding: 0;margin:0!important;}

.atlas-outline:ihover {color:#000!important;}


    .pulse {
animation: pulse 1s 5;
  }
  @-webkit-keyframes pulse {
  0% {
  -webkit-transform: scale3d(1, 1, 1);
  transform: scale3d(1, 1, 1);
  }
  50% {
  -webkit-transform: scale3d(1.05, 1.05, 1.05);
  transform: scale3d(1.05, 1.05, 1.05);
  }
  100% {
  -webkit-transform: scale3d(1, 1, 1);
  transform: scale3d(1, 1, 1);
  }
  }
  @keyframes pulse {
  0% {
  -webkit-transform: scale3d(1, 1, 1);
  transform: scale3d(1, 1, 1);
  }
  50% {
  -webkit-transform: scale3d(1.05, 1.05, 1.05);
  transform: scale3d(1.05, 1.05, 1.05);
  }
  100% {
  -webkit-transform: scale3d(1, 1, 1);
  transform: scale3d(1, 1, 1);
  }
  } 

  .border-red{border: 2px solid red;padding: .5em}
@media only screen and (max-width: 550px) {
/*************** ADD MOBILE ONLY CSS HERE  ***************/

.text-box{width: 90%!important;}
#logo img {max-height: 80px;}
.header-main{height: 105px!important;}
.pr-header-extra {padding-bottom: .2em;}

.atlas-font-24{font-size: 14px!important;line-height: 120%;}
.atlas-font-35{font-size: 1.3em!important;line-height: 120%;}
.atlas-font-48{font-size: 1.2em!important;line-height: 120%;}
.atlas-slider-box .box-title{font-size: 31px}    .atlas-slider-box .box-button .atlas-inner{font-size: 1.3em}
    .atlas-slider-box .box-button .atlas-inner img {width: 25%}
}

@media only screen and (max-width: 850px) {
    
    .logo-left .logo {margin-right: 0}
    .pr-header-extra {position: absolute;bottom: 0;width: 100%; padding:0.2em;text-align: center;line-height: 1;width: 100%;left: 0; margin-left: 0}
    .pr-header-extra span {position:relative;font-weight: bold;bottom: 0;}
    .atlas-slider-box{ width: 80%; height: 50% }


}
@media only screen and (max-width: 910px) {
  .philro-hack{width: 80%;left: 10%;} 
  .philro-hack p {font-size: 1rem;padding: 0.5em} 
}



@media (min-width: 851px){

    /*Seiten mit Bild über 2 Spalten*/
.atlas-grid-container.double-image {
            display: grid;
            grid-template-columns: repeat(1fr 1fr 1fr);
            grid-template-rows: 1fr 1fr 1fr;
        }
        .atlas-box{
            padding-right: 1em; 
        }
        .atlas-box:last-of-type,.Atlas-text-image-1,.atlas-text-image-1 {
            padding-right: 0;
        }
.atlas-box img{width: 100%;height: auto;}
.atlas-grid-container.double-image .Atlas-Text-box-1 { grid-area: 1 / 1 / 4 / 2; }

.atlas-grid-container.double-image .Atlas-text-image-1 { grid-area: 1 / 2 / 2 / 4; }

.atlas-grid-container.double-image .Atlas-text-box-3 { grid-area: 2 / 3 / 4 / 4; }

.atlas-grid-container.double-image .Atlas-text-box-2 { grid-area: 2 / 2 / 4 / 3; }


/*Seiten mit Bild über 1 Spalte*/
.atlas-grid-container.single-image  {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  grid-template-rows: 1fr 2fr 1fr;
}

.atlas-grid-container.single-image .atlas-text-box-1 { grid-area: 1 / 1 / 4 / 2; }

.atlas-grid-container.single-image .atlas-text-box-2 { grid-area: 1 / 2 / 4 / 3; }

.atlas-grid-container.single-image .atlas-text-image-1 { grid-area: 1 / 3 / 2 / 4; }

.atlas-grid-container.single-image .atlas-text-box-3 { grid-area: 2 / 3 / 4 / 4; }


}


.atlas-alert-box i{ font-size:3rem; margin-right:1em;font-style:normal}

/*Rapidmail */

	

.rm-form ul li{
	width:100%;
	margin-left:0;
}
.rm-form ul li input{height:2.7em}
	.rm-form ul li input[type='submit']{
		width: 100%;
		border: 2px solid #fff;
	}

ul.rm-form-container{
	flex-direction: column;
	display:flex;
	align-items:flex-start;
}

li.rm-success-container {
	position: absolute;
	margin:0!important;
	top:-35px;
	
}
	.rm-form ul li{
		width:100%;
	}

@media (min-width: 554px) { 
	.rm-success-container{
		position:relative;
	}
	ul.rm-form-container{
		flex-direction: row;
	}

	.rm-form ul li{
		width:50%;
	}
.rm-form ul li[rel~="email"]{
	margin-right:1.5em;
}

}

.message-container a {margin:0;}