/*
  * Pop Box
  * Author: Jeremy Hawes
  * Version: 2.3.4
  * Product URL: http://onelittledesigner.com/rapidweaver-stack/popBox
  * Support URL: http://forum.onelittledesigner.com/tutorials/kb/popBox
  * Author URL: http://onelittledesigner.com
   	* Description: 1LD's Content Lightbox / Modal Window - for RapidWeaver Stacks
*/

html {overflow-y: scroll;}
.has-overlay {overflow: hidden;}
.has-overlay > body {height: 100%; overflow-y: scroll;}
#popBox_stacks_in_1152_2.semantic-content {
  -webkit-transform: translate(0, 100%);
  -moz-transform: translate(0, 100%);
  transform: translate(0, 100%);
  -webkit-transform: translate3d(0, 100%, 0);
  -moz-transform: translate3d(0, 100%, 0);
  transform: translate3d(0, 100%, 0);
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 999999;
  opacity: 0;
  line-height: 1.3;
  display: none\9;
  -webkit-transition: opacity 0.25s;
  -moz-transition: opacity 0.25s;
    transition: opacity 0.25s;
  
}
#popBox_stacks_in_1152_2.semantic-content:target {
  -webkit-transform: translate(0, 0);
  -moz-transform: translate(0, 0);
  transform: translate(0, 0);
  opacity: 1;
}
#popBox_stacks_in_1152_2.is-active.semantic-content {display: block\9;}
#popBox_stacks_in_1152_2.semantic-content:target {display: block\9;}
#popBox_stacks_in_1152_2.semantic-content .modal-inner {
  z-index: 999999;
  overflow-x: hidden;
  border-radius: 2px;
  background: #FFFFFF;
  
  
  -webkit-box-shadow: 0 0 30px rgba(0, 0, 0, 0.6);
  -moz-box-shadow: 0 0 30px rgba(0, 0, 0, 0.6);
  box-shadow: 0 0 30px rgba(0, 0, 0, 0.6);
    position: absolute;
    left: 50%;
  
}
.semantic-content .modal-inner > img,
.semantic-content .modal-inner > video,
.semantic-content .modal-inner > iframe {
  width: 100%;
  height: auto;
  min-height: 100px;
}
.semantic-content .modal-inner > img {
  width: auto;
  max-width: 100%;
}
#popBox_stacks_in_1152_2.semantic-content .popBoxHeader {
  background: #FFFFFF;
  	border-bottom: 1px solid #DDDDDD;
  
  padding: 10px 10px 10px 10px;
  
  	color: #222222;
  	position: relative;
}
#popBox_stacks_in_1152_2.semantic-content .modal-content {
  background: #FFFFFF;
  border-right: none;
  border-left: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  
  padding: 10px 10px ;
  
  overflow-x: hidden;
  overflow-y: auto;
  color: #222222;
  
    height: 400px;
  
}
#popBox_stacks_in_1152_2.semantic-content .popBoxFooter {
  background: #F0F0F0;
  	border-top: 1px solid #FFFFFF;
  
  padding: 10px 10px 10px 10px;
  
  	color: #222222;
}


  #popBox_stacks_in_1152_2 .popBoxFooter {
    display: none
  }

#stacks_in_1152_2 .semantic-content .modal-close {
  text-indent: -100px;
  overflow: hidden;
  opacity: 1;
}
#stacks_in_1152_2 .semantic-content .modal-close:before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 10;
}

#popBox_stacks_in_1152_2.popBoxOverlay .modal-close:before {
  background-color: #000000;
  opacity: 0.50;
}

#popBox_stacks_in_1152_2 .closeIcon {
  position: absolute;
  top: 10px;
  right: 10px;
  z-index: 99999999;
  color: #333333;
}
#popBox_stacks_in_1152_2 .closeIcon:hover {
  color: #333333;
}
#popBox_stacks_in_1152_2 .closeIcon svg {
  font-size: 18px;
  height: 18px;
  width: 18px;
}
#popBox_stacks_in_1152_2 .closeIcon svg path {
  fill: #333333;
}

  /* Screen sizes greater than 768px */
  #popBox_stacks_in_1152_2.semantic-content .widthPercentageOff .modal-inner {
    width: 650px;
    min-width: 650px;
    max-width: 650px;
  }
  #popBox_stacks_in_1152_2.semantic-content .widthPercentageOn .modal-inner {
    width: 50%;
    min-width: 50%;
    max-width: 800px;
  }
  /* Tablets */
  @media (max-width: 768px) {
    #popBox_stacks_in_1152_2.semantic-content .modal-content {
      height: 400px;
    }
    #popBox_stacks_in_1152_2.semantic-content .widthPercentageOff .modal-inner {
      width: 500px;
      min-width: 500px;
      max-width: 500px;
    }
    #popBox_stacks_in_1152_2.semantic-content .widthPercentageOn .modal-inner {
      width: 100%;
      min-width: 100%;
      max-width: 100%;
    }
  }
  /* Mobile Devices */
  @media (max-width: 480px) {
    #popBox_stacks_in_1152_2.semantic-content .modal-content {
      height: 220px;
    }
    #popBox_stacks_in_1152_2.semantic-content .widthPercentageOff .modal-inner {
      width: 300px;
      min-width: 300px;
      max-width: 300px;
    }
    #popBox_stacks_in_1152_2.semantic-content .widthPercentageOn .modal-inner {
      width: 100%;
      min-width: 100%;
      max-width: 100%;
    }
  }


#popBox_stacks_in_1152_2.semantic-content.timerOut {
  -webkit-transform: translate(0, 0);
  -moz-transform: translate(0, 0);
  transform: translate(0, 0);
  opacity: 1;
}

#popBox_stacks_in_1152_2 .imageType2 svg {
  display: none;
}
#popBox_stacks_in_1152_2 .closeIcon img {
  display: none;
}
#popBox_stacks_in_1152_2 .imageType2 img {
  display: block;
  width: auto;
  height: 20px;
}
#popBox_stacks_in_1152_2.semantic-content .modal-inner {
  border-radius: 0px
}
#popBox_stacks_in_1152_2.semantic-content .popBoxHeader {
  border-radius: 0px 0px 0px 0px;
}
#popBox_stacks_in_1152_2.semantic-content .popBoxFooter {
  border-radius: 0px 0px 0px 0px;
}
#popBox_stacks_in_1152_2.semantic-content .modal-inner {
  border-width: 0px;
  border-color: #DDDDDD;
  border-style: solid;
  box-sizing: border-box;
}
/* Style Demo */
#stacks_in_1152_2 .popBoxStyleDemo > div {
  padding: 50px 0px;
}
#popBox_stacks_in_1152_2.popBoxStyleDemo .modal-content {
  height: 400px;
}
#popBox_stacks_in_1152_2.popBoxStyleDemo .modal-inner {
  -webkit-box-shadow: 0 0 30px rgba(0, 0, 0, 0.6);
  -moz-box-shadow: 0 0 30px rgba(0, 0, 0, 0.6);
  box-shadow: 0 0 30px rgba(0, 0, 0, 0.6);
}
#popBox_stacks_in_1152_2.popBoxStyleDemo .widthPercentageOff .modal-inner {
  width: 650px;
  min-width: 650px;
  max-width: 650px;
  margin: 0 auto;
}
#popBox_stacks_in_1152_2.popBoxStyleDemo .widthPercentageOn .modal-inner {
  width: 50%;
  min-width: 50%;
  max-width: 800px;
  margin: 0 auto;
}
#popBox_stacks_in_1152_2.popBoxStyleDemo.popBoxOverlay .modal-close:before {
  background-color: #000000;
  opacity: 0.50;
}
#popBox_stacks_in_1152_2.popBoxStyleDemo .popBoxHeader {
  padding: 10px 10px 10px 10px;
}
#popBox_stacks_in_1152_2.popBoxStyleDemo .modal-content {
  padding: 10px;
  padding: 10px 10px;
}
#popBox_stacks_in_1152_2.popBoxStyleDemo .popBoxFooter {
  padding: 10px;
  padding: 10px 10px 10px 10px;
}
#stacks_in_1152_2 .closeText {
  display: none;
  font-size: 12px;
  color: #333333;
  background: transprent;
}














/* 3D */

/* Coupon */

/* Subtle */

/* Thick Borders */

/* Transparent */



#stacks_in_1152_7 {
	background-color: rgba(204, 204, 204, 1.00);
	margin:  20px;
	padding:  20px;
}

#stacks_in_1152_12 {
	background-color: rgba(244, 244, 244, 1.00);
	margin:  20px;
	padding:  20px;
}

#stacks_in_1152_15 {
    background-image: url("AB031DB0-9B31-4488-82C6-718DB31E3853.png");
	background-repeat: repeat;
	background-size: cover;
	background-position: center;
	padding: 60px 40px 60px 40px;
}

#stacks_in_1121 {
	margin:  20px;
	padding:  20px;
}

#stacks_in_1122 {
	background-color: rgba(51, 51, 51, 0.35);
	margin:  20px;
	padding:  20px;
}

#stacks_in_1114 {
	margin:  20px;
	padding:  20px;
}

#stacks_in_1119 {
	background-color: rgba(51, 51, 51, 0.35);
	margin:  20px;
	padding:  20px;
}
#stacks_in_1116>.s3_row {
	margin: 0 -5px;
}

#stacks_in_1116>.s3_row>.s3_column_left {
	width: 67.52%;
}

#stacks_in_1116>.s3_row>.s3_column_right {
	width: 32.480003%;
}




#stacks_in_1116>.s3_row>.s3_column {
	padding: 0 5px;
}










@media only screen and (max-width: 770px) {



}



@media only screen and (max-width: 400px) {


	#stacks_in_1116>.s3_row  {
		margin: -5px 0;
	}
	#stacks_in_1116>.s3_row>.s3_column {
		padding: 5px 0;
		width:100%;
	}


}






#stacks_in_1116 {
	margin:  20px;
	padding:  20px;
}

#stacks_in_1149_2 {
	padding:  20px;
}
#stacks_in_1149_17>.s3_row {
	margin: 0 -40px;
}

#stacks_in_1149_17>.s3_row>.s3_column_left {
	width: 50.00%;
}

#stacks_in_1149_17>.s3_row>.s3_column_right {
	width: 50.000000%;
}




#stacks_in_1149_17>.s3_row>.s3_column {
	padding: 0 40px;
}










@media only screen and (max-width: 770px) {



}



@media only screen and (max-width: 400px) {


	#stacks_in_1149_17>.s3_row  {
		margin: -40px 0;
	}
	#stacks_in_1149_17>.s3_row>.s3_column {
		padding: 40px 0;
		width:100%;
	}


}






#stacks_in_1149_17 {
	margin:  20px;
	padding:  20px;
}

#stacks_in_1149_11 {
	margin: 0px 20px 0px 0px;
}

#stacks_in_1149_40 {
	margin: 0px 0px 0px 20px;
}
#stacks_in_1149_14>.s3_row {
	margin: 0 -40px;
}

#stacks_in_1149_14>.s3_row>.s3_column_left {
	width: 50.00%;
}

#stacks_in_1149_14>.s3_row>.s3_column_right {
	width: 50.000000%;
}




#stacks_in_1149_14>.s3_row>.s3_column {
	padding: 0 40px;
}










@media only screen and (max-width: 770px) {



}



@media only screen and (max-width: 400px) {


	#stacks_in_1149_14>.s3_row  {
		margin: -40px 0;
	}
	#stacks_in_1149_14>.s3_row>.s3_column {
		padding: 40px 0;
		width:100%;
	}


}






#stacks_in_1149_14 {
	margin:  20px;
	padding:  20px;
}

#stacks_in_1149_5 {
	margin: 0px 20px 0px 0px;
}

#stacks_in_1149_8 {
	margin: 0px 0px 0px 20px;
}
