/*
Theme Name: Semantic
Author: Forthgear
Author URI: http://www.forthgear.com
*/

/*******************************
            Global
*******************************/

html,
body {
  font-size: 15px;
  height: 100%;
}


body {
  font-family: "Open Sans", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
  background: #FFFFFF;
  margin: 0px;
  padding: 0px;
  color: #555555;
  text-rendering: optimizeLegibility;
  min-width: 320px;
}

h1{
  font-family: "Open Sans", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
	font-size: 50px;
	color: #404040;
	font-weight: 100;
	text-align: center;
	margin: 10px 0;
}

h2{
	font-size: 27px;
	font-size: 1.8rem;
	font-weight: 400;
	color: #404040;
	text-transform: uppercase;
}

h2.light{
	text-transform: none;
	font-weight: 300;
}

h3{
	color: #66ae96;
	text-transform: uppercase;
	font-size: 20px;
	font-size: 1.33rem;
	font-weight: 400;
}

h3.padded{
	padding-top: 40px;
}

h3.create{
	color: #66ae96;
}

h3.business{
	color: #949fa9;
}

h3.what{
	color: #8cbecd;
}

h3.celebrate {
	color: #8cbecd;
}

h3.cook{
	color: #b2cd91;
}

h5{
	color: #fff;
	font-weight: bold;
	font-size: 20px;
	letter-spacing: 1px;
	margin-bottom: 0;
}

p, li{
	font-size: 18px;
	font-size: 1.2rem;
	color: #444444;
	text-align: left;
	 font-weight: 400;
  line-height: 1.8;

}

.fine-print{
	font-size: 16px;
	font-weight: 400;
	font-style: italic;
}

.error404.page.grid{
	padding: 100px 0;
}

.error404.page.grid, .error404.page.grid p{
	 text-align: center;
}

.center.aligned p{
	text-align: center;
}


/*******************************
          UI Overrides
*******************************/
.sidebar.ui.vertical.menu .dropdown.item .menu {
	position: relative;
	left: 0 !important;
	top: 1rem !important;
}

a {
  color: #66ae96;
  text-decoration: none;
  -webkit-transition: color 0.3s ease;
  transition: color 0.3s ease;
}

a:hover {
  color: #4b9179;
}

img{
	max-width: 100%;
}

.ui.secondary.menu .dropdown.item>.menu, .ui.text.menu .dropdown.item>.menu{
	margin-top: 0;
}

.cf:before,
.cf:after {
    content: " "; /* 1 */
    display: table; /* 2 */
}

.cf:after {
    clear: both;
}

.absolute-center-1{
	position: absolute; 
	left: 50%; 
	bottom:20px;
}

.absolute-center-2{
	position: relative; 
	left: -50%;
}


.ui.button{
   	font-weight: 300;
    text-transform: uppercase;
    border-radius: 0;
    font-size: 18px;
    padding: 16px 22px;
    margin: 30px auto;
    display: block;
    max-width: 260px;
    white-space: nowrap;
    text-align: center;
}

.light-teal.bg{
	background-color: #9bc8b9;
}

.ui.secondary.menu .dropdown.item>.menu, .ui.text.menu .dropdown.item>.menu {
    margin-top: -5px;
}

.alignright{
	width: 40%;
	float: right;
	display: inline-block;
	padding: 0 0 25px 25px;
}

.ui.grid{
	margin:0;
}
/*******************************
          Landing Page
*******************************/

.light-teal.bg{
	background-color: #9bc8b9;
	padding: 0 0 20px;
}

.light-teal.bg .ui.grid>.column:not(.row){
	margin-top: 100px;
}

.landing h1{
	color: #afafaf;
    font-weight: 300;
    font-size: 53px;
    padding-top: 75px;
		text-align: center;
}

.landing p{
	    color: #5c9b86;
    text-align: center;
    font-size: 30px;
    padding-bottom: 75px;
    line-height: 1.5;
		margin: 0 auto;
		max-width: 1040px;
}

.light-teal.bg img{
	    width: 90%;
			margin-bottom: 20px;
}

.light-teal h1{
	color: #fff;
	margin-bottom: -10px;
	padding-top: 0;
}

.light-teal p{
	color: #316555;
}

.woocommerce div.product p.stock {
    font-size: 1.5em !important;
}

/*******************************
          HEADER
*******************************/

section.head {
	background: #accd8d;
	padding: 3rem 0 1.25rem;
}

section.head h1 {
	color: #fff;
}
section.head2 {
	background: #96bdcb;
	padding: 1.5rem 0 1.25rem
}

section.head2 h1 {
	color: #fff;
	font-size: 5rem;
	padding-bottom: 1.25rem;
}
section.head2 h2 {
	color: #fff;
	padding-bottom: 1.25rem;
	font-size: 3.5rem !important;
	text-align: left !important;
	font-weight: 700 !important;
}
section.head p {
	color: #4f606a;
	text-align: center;
	padding-bottom: 3rem;
}
section.head2 p {
	color: #000;
    text-align: center;
    padding: 1rem 30px 0;
}
.clearfix::after {
    content: "";
    clear: both;
    display: table;
}
.ui.marg.button {
    font-weight: 300;
    text-transform: uppercase;
    border-radius: 0;
    font-size: 18px;
    padding: 16px 22px;
    margin: 0;
    display: block;
    max-width: 100%;
    text-align: center; 
	white-space: unset !important;
}

.ui.grid>.lwb.column:not(.row) {
	background: #fff;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}

.ui.grid>.lwb.column:not(.row), .ui.grid>.row>.lwb.column {
	background: #fff;
    padding-left: 0 !important;
    padding-right: 0 !important;
}

.ui.grid>.wb.column:not(.row), .ui.grid>.row>.wb.column {
    padding-left: .75rem !important;
    padding-right: .75rem !important;
}
.ui.grid>.wb.column:not(.row) {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}
.wb.column img {
	border-width: 5px 3px 5px 3px;
    border-color: #fff;
    border-style: solid;
}

.magPad { padding: 2rem 30% 3rem; }

.lwb.column img {
	border-width: 5px 0 0 0;
    border-color: #fff;
    border-style: solid;
	max-width:100%; height:auto
}
.hidden-flex-item {
    content: "";
    flex: 1 0 200px;
    padding: 5px;     
    margin-top: 10px;  
    margin-right: 5px;
	content: "";
    visibility: hidden;
}
.inner-dev {
	position: relative;
}
.ui.large.menu{
	width: 1300px;
  margin: 5px auto;
	padding-top: 30px;
}

.ui.menu .item{
	color: #7b8084;
	font-family:"Open Sans", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
	font-weight: 300;
}

.ui.secondary.menu .active.item, .ui.secondary.menu a.item:hover, .ui.secondary.menu .dropdown.item:hover{
	color: #373a3d;
	background-color: transparent;
}

.ui.launch.button{
	 width: 100%;
  background-color: #fff;
  font-size: 20px;
  padding-top: 25px;
}
	


/*******************************
HOMEPAGE
*******************************/

.menu .right.menu > .mobile.item {
  display: none;
}


/* --- Specials Area ---- */

.head2 .bluebg h2 {
    text-align:center;
}

.head2 .bluebg h3 {
    color: #fff;
    font-size: 2rem;
}



/* --- Content Area ---- */

.magazine.grid .column{
	transition: background-color 0.5s ease;
	cursor: pointer;
}

.business.column, .ui.blue.button{
	background-color: #949fa9;
}

.business.column:hover, .ui.blue.button:hover{
	background-color: #5f6f7b;
}

.what.column, .ui.blue.button{
	background-color: #8cbecd;
}

.what.column:hover, .ui.blue.button:hover{
	background-color: #7ba4b0;
}

.celebrate.column, .ui.blue.button{
	background-color: #8cbecd;
}

.celebrate.column:hover, .ui.blue.button:hover{
	background-color: #7ba4b0;
}

.create.column, .ui.teal.button{
	background-color: #9ac8b9;
}

.create.column:hover, .ui.teal.button:hover{
	background-color: #62a790;
}

.cook.column, .ui.green.button{
	background-color: #b2cd91;
}

.cook.column:hover, .ui.green.button:hover{
	background-color: #5d862e;
}

.gform_wrapper .gform_footer input.button, .gform_wrapper .gform_footer input[type=submit] {
    font-weight: 100;
    font-family: "Open Sans", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
    font-size: 17px;
    padding: 12px 32px;
    text-transform: uppercase;
    background-color: #b2cd91;
    color: #fff;
    box-shadow: none;
    border: none;
}

.inner{
	width: 70%;
	margin: 80px auto 10px;
	max-width: 420px;
	position: relative;
}

.inner .social .icon{
	background-color: rgba(0,0,0,.2);
  height: 40px;
  width: 40px;
  padding-top: 9px;
	font-size: 23px;
	margin: 20px 0;
}

.inner .social2 .icon{
	background-color: rgba(0,0,0,.2);
  height: 40px;
  width: 40px;
  padding-top: 9px;
	font-size: 23px;
	margin: 20px 0;
}

.business .icon{
	color: #949fa9;
}

.work .icon{
	color: #949fa9;
}

.what .icon{
	color: #8cbecd;
}

.celebrate .icon{
	color: #8cbecd;
}

.create .icon{
	color: #9ac8b9;
}

.cook .icon{
	color: #b2cd91;
}

a.white {
	color: #fff;
}
a.social{
	width: 28%;
  display: inline-block;
  position: relative;
}

a.social2 {
    width: 43%;
    display: inline-block;
    position: relative;
    margin: 0 auto;
}

a.social:last-child{
	position: absolute;
	right: 0;
	width: auto;
	  bottom: 0;

}
a.social2:last-child{
	position: absolute;
	right: 0;
	width: auto;
	  bottom: 0;

}

.ui.grid>.row>.column.community{
	  padding-left: 0;
		position: relative;
		  padding-right: 0;
  margin-right: 0;
}

.color-bar{
	height: 50px;
	width: 100%;
	position: absolute;
	bottom: 4px;
	opacity: .8;
}

.what.hand.column .front, .what.color-bar, .what.mobile-bar{
	background-color: #8cbecd;
}

.what.hand.column .back{
	background-color:  #7ba4b0;
}

.celebrate.hand.column .front, .celebrate.color-bar, .celebrate.mobile-bar{
	background-color: #4f7c89;
}
.ui.celebrate.modal {
    background: #000;
}
.celebrate.hand.column .back{
	background-color:  #7ba4b0;
}

.business.hand.column .front, .business.color-bar, .business.mobile-bar{
	background-color: #95a0aa;
}

.business.hand.column .back{
	background-color:  #5f6f7b;
}

.create.hand.column .front, .create.color-bar, .create.mobile-bar{
	background-color: #9ac8b9;
}

.create.hand.column .back{
	background-color:  #62a790;
}

.cook.hand.column .front, .cook.color-bar, .cook.mobile-bar{
	background-color: #b2cd91;
}

.cook.hand.column .back{
	background-color:  #5d862e;
}
.what.hand.column .front, .what.color-bar, .what.mobile-bar{
	background-color: #8cbecd;
}

.what.hand.column .back{
	background-color:  #7baab8;
}
.celebrate.hand.column .front, .celebrate.color-bar, .celebrate.mobile-bar{
	background-color: #4f7c89;
}

.celebrate.hand.column .back{
	background-color:  #7baab8;
}

.sizzix.hand.column .front, .sizzix.color-bar, .sizzix.mobile-bar{
	background-color: #f7a391;
}

.sizzix.hand.column .back{
	background-color: #d3806e;
}

.flipper .front, .flipper .back{
	width: 100%;
}

.flipper .back{
	padding: 60px 40px 40px;
  padding: 12% 10% 10%;
}

.flipper .back p{
	text-align: center;
	color: #fff;
	padding-bottom: 10px;
	font-size: 20px;
	font-size: 1.25rem;
}

.fancy.border{
	border-top: 2px solid #fff;
}

.fancy.border.dark{
	border-top: 2px solid #999;
	  margin-top: 30px;
}

.fancy.border img{
  top: -15px;
  position: relative;
  margin: 0 auto;
  display: block;
	max-width: 80px;
}

.lightSlider{
	margin: 0;
}

.lslide{
	position: relative;
	/*margin-right: 0 !important;
  padding-right: 10px; */
}

.lslide img{
	width: 100% !important;
}

.lslide h3, .lslide a h3{
	position: absolute;
	  bottom: 10px;
		color: #fff;
		width: 100%;
		font-weight: 300;
  	left: 15px;
}

.ui.grid>.row>.column.hand img{
  left: 0;
  bottom: 0;
  width: auto;
}

.ui.grid>.row>.column.hand{
	padding-right: 0!important;
	padding-left: 0!important;
	background-color: #fff !important;
}

.lSAction .icon{
  font-size: 40px;
  color: rgba(0,0,0,.9);
}

.lSAction > .lSNext {
  right: 35px !important;
}

.who.ui.grid{
	padding-top: 50px;
  padding-bottom: 50px;
}

.mobile-bar{
	display: none;
	color: #fff;
	text-align: center;
	font-weight: bold;
	text-transform:uppercase;
	font-size: 16px;
	  padding: 20px 0;
}

/*******************************
Flipper
*******************************/

/* entire container, keeps perspective */
.flip-container {
	-webkit-perspective: 1000;
	        perspective: 1000;
}
	/* flip the pane when hovered */
	.flip-container:hover .flipper, .flip-container.hover .flipper {
		-webkit-transform: rotateY(180deg);
		        transform: rotateY(180deg);
	}

.flip-container, .front, .back {
	/*width: 320px;
	height: 480px;*/
}

/* flip speed goes here */
.flipper {
	-webkit-transition: 0.6s;
	        transition: 0.6s;
	-webkit-transform-style: preserve-3d;
	        transform-style: preserve-3d;

	position: relative;
}

/* hide back of pane during swap */
.front, .back {
	-webkit-backface-visibility: hidden;
	        backface-visibility: hidden;
	position: absolute;
	top: 0;
	left: 0;
}

/* front pane, placed above back */
.front {
	z-index: 2;
	/* for firefox 31 */
	-webkit-transform: rotateY(0deg);
	        transform: rotateY(0deg);
}

/* back, initially hidden pane */
.back {
	-webkit-transform: rotateY(180deg);
	        transform: rotateY(180deg);
}

/*******************************
       FLIPBOOK PAGES
*******************************/
.ui.wwcflipbook.page.grid{
	padding-top: 50px;
}

.ui.wwcflipbook.business{
	background-color: #95a0aa;
}

.ui.wwcflipbook.work{
	background-color: #95a0aa;
}

.ui.wwcflipbook.what{
	background-color: #8cbecd;
}
.ui.wwcflipbook.celebrate{
	background-color: #8cbecd;
}
.ui.wwcflipbook.create{
	background-color: #9ac8b9;
}

.ui.wwcflipbook.cook{
	background-color: #b2cd91;
}

.wwcflipbook p{
	color: #fff;
	text-align: center;
}

.subscribe img{
	max-width: 400px;
	margin-bottom: 30px;
}

.ui.wwcflipbook .dark{
	text-transform:uppercase;
	color: #3a5969;
	font-weight: 800;
}

.ui.wwcflipbook.business .dark{
	color: #5f6f7b;
	font-weight: 800;
}

.ui.wwcflipbook.what .dark{
	color: #5c818c;
	font-weight: 800;
}
.ui.wwcflipbook.celebrate .dark{
	color: #5c818c;
	font-weight: 800;
}

.ui.wwcflipbook.create .dark{
	color: #548e7b;
	font-weight: 800;
}

.ui.wwcflipbook.what {
    background-color: #8cbecd;
}
.ui.wwcflipbook.celebrate {
    background-color: #8cbecd;
}
.ui.wwcflipbook.cook .dark{
	color: #5d862e;
	font-weight: 800;
}

.ui .centerbar.grid+.centerbar .grid {
	margin-top: 0 !important;
	margin-bottom: 0 !important;
}

.create.bar {
	background: rgba(83,142,123,.7);
	padding: 2rem 0;	
}
.create.bar p {
	color: #fff;
	text-align: center;
}
.what.bar {
	background: #6b9cac;
	padding: 2rem 0;	
}
.what.bar p {
	color: #fff;
	text-align: center;
} 
.celebrate.bar {
	background: #6b9cac;
	padding: 2rem 0;	
}
.celebrate.bar p {
	color: #fff;
	text-align: center;
} 
.work.bar {
	background: #798b96;
	padding: 2rem 0;	
}
.work.bar p {
	color: #fff;
	text-align: center;
} 
.cook.bar {
	background: #98bc6d;
	padding: 2rem 0;	
}
.cook.bar p {
	color: #fff;
	text-align: center;
} 

.pbot {
	padding-bottom: 2rem !important;
}


.wwcflipbook a.social {
		width: 20%;
		display: inline-block;
  	position: relative;
	}
	
	.wwcflipbook .inner{
		margin: 20px auto 50px;
	}
	
	.wwcflipbook h3{
		color:#fff;
	}

.flipbook-container{
	height: auto !important;
}

.flipbook-container .fb-page.double .fb-page-content .mpc-numeration-wrap, .flipbook-container .fb-page-content.zoomed .mpc-numeration-wrap {
    display: none;
}


/*******************************
       Secondary Pages
*******************************/

.ui.gradient.grid{
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#e8e8e8+0,ffffff+100 */
background: #e8e8e8; /* Old browsers */
background: -moz-linear-gradient(top, #e8e8e8 0%, #ffffff 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e8e8e8), color-stop(100%,#ffffff)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #e8e8e8 0%,#ffffff 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #e8e8e8 0%,#ffffff 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #e8e8e8 0%,#ffffff 100%); /* IE10+ */
background: linear-gradient(to bottom, #e8e8e8 0%,#ffffff 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e8e8e8', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
  padding-top: 75px;
}

.ui.gray.grid{
	background-color: #f2f2f2;
	padding-top: 40px;
	padding-bottom: 40px;
}

.shadow{
	-webkit-box-shadow: 10px 10px 25px -15px rgba(0,0,0,0.75);
-moz-box-shadow: 10px 10px 25px -15px rgba(0,0,0,0.75);
box-shadow: 10px 10px 25px -15px rgba(0,0,0,0.75);
}

#sl_div form{
	  position: absolute;
    z-index: 1000;
    background-color: rgba(0,0,0,0.7);
    width: 100%;
    padding: 10px 30px;
}

hr.mini{
		max-width: 550px;
    margin-top: 40px;
    margin-bottom: 40px;
    border-top: 1px solid #eaeaea;
}

.buttons .button{
	display: inline-block;
	    margin: 0 20px;
}

.floated.right{
	float: right;
}

.icon.grid .icon{
	font-size: 50px;
	margin-top: 30px;
}

.icon.grid .label{
	  text-transform: uppercase;
    color: #000;
    padding-left: 8px;
}

.ui.entry.modal{
	padding: 30px;
}

.submission{
	padding-top: 25px;
}

.ui.contest.table{
	margin: 0 auto;
	border: none;
}

.ui.basic.table tbody tr {
    border-bottom: none;
}

.ui.contest.table tr td:first-child{
	text-align: right;
	padding-right:0;
	
}
.ui.contest.table tr td:last-child{
	padding-left:0;
}

.ui.celled.contest.table tr td{
    border-left: none;
		    border-top: none;
		
}

.divider{
	padding-left: 20px;
	padding-right:20px;
}

/*******************************
       Shoppe
*******************************/

.blue.bar{
	background-color: #9bc8b9;
	text-align: center;
	padding: 40px 30px 30px;
}

a.cart, .cart{
	text-transform: uppercase;
    color: #666;
    text-align: right;
    width: 100%;
    display: block;
    margin: 30px 0;
}

.cart{
	 color: #7da99a;
	 font-size:20px;
}

.cart a{
	display: inline-block;
	color: #666;
	font-size:16px;
	}

a.cart .icon, .cart a .icon{
    color: #7da99a;
    padding-left: 5px;
    font-size: 23px;
    position: relative;
    top: 2px;
}

.cart a .icon.caret{
	margin-right: 0;	
}

.grid-sizer, .ms-grid-item { 
width: 32%;
margin-bottom: 8px; }

.ms-grid-item img{
	max-width: 100%;
	    width: 100%;
}

.ms-grid-item.blue{
	background-color: #9bc8b9;
}

.ms-grid-item.green{
	background-color: #b2cd91;
}

.extra-space{
	margin: 70px 0;
}

.ms-grid .flipper .back{
	   background-size: contain;
    background-repeat: no-repeat;
		padding: 0;
    position: relative;
}

.ms-grid .flipper .back .back-info{
	background-color: #9bc8b9;
	background-color: rgba(155, 200, 185, 0.9);
}

.back-info .title{
	padding-top: 125px;
	padding-top: 35%;
	color: #2d4942 !important;
	margin-bottom: 0;
	padding-bottom: 0;
    max-width: 65%;
    margin: 0 auto;
    line-height: 1.2;
	font-weight: 400;
}

.flipper .back .back-info p{
	padding-bottom: 0;
}

.back-info p.prod-cat a{
	text-transform: lowercase;
	cursor: default;
	color: #fff;
}

.back-info a.view-item{
    color: #fff;
    font-weight: 100;
    padding: 10px 31px;
    background-color: rgba(0,0,0,.2);
    border: 2px solid rgba(255,255,255, .5);
    display: block;
    width: 150px;
    margin: 0 auto;
    font-size: 19px;
}


.woocommerce div.product .product_title {
    color: #7da99a;
    font-size: 30px;
    text-align: left;
}

.prod-subtitle{
	font-weight: 600;
    font-style: italic;	
}

.summary.entry-summary .quantity .qty{
	display: none;	
}

.woocommerce #respond input#submit.alt, .woocommerce a.button.alt, .woocommerce button.button.alt, .woocommerce input.button.alt {
    background-color: #b2cd91;
    color: #fff;
    -webkit-font-smoothing: antialiased;
    font-weight: 400;
    border-radius: 0;
	text-transform: uppercase;
}

.woocommerce #respond input#submit.alt:hover, .woocommerce a.button.alt:hover, .woocommerce button.button.alt:hover, .woocommerce input.button.alt:hover {
    background-color: #9DB97B;
    color: #fff;
}

.woocommerce div.product p.price, .woocommerce div.product span.price {
    color: #666;
    font-weight: 400;
    font-size: 40px;
    padding-bottom: 0;
    margin-bottom: 0;
}

.woocommerce #respond input#submit, .woocommerce a.button, .woocommerce button.button, .woocommerce input.button{
	background-color: #95a0a9;
    color: #fff !important;	
    border-radius: 0;
    font-weight: 300;
    padding: 16px 18px;
    text-transform: uppercase;
	    font-size: 18px;
}

.woocommerce button.button:disabled, .woocommerce button.button:disabled[disabled]{
	    color: #ccc !important;
}

.woocommerce #respond input#submit:hover, .woocommerce a.button:hover, .woocommerce button.button:hover, .woocommerce input.button:hover{
	background-color: #848A90;
	 color: #fff;
}

.woocommerce-cart .wc-proceed-to-checkout a.checkout-button{
	display: inline-block;
}

.woocommerce #content div.product div.images, .woocommerce div.product div.images, .woocommerce-page #content div.product div.images, .woocommerce-page div.product div.images{
	text-align: center;	
}

.woocommerce table.shop_table{
	display: table;
}

.images .ui.button{
	margin-top: 25px;	
}

.ui.basic.book.modal>.close {
    right: 0rem;
    top: -2rem;
}


.ui.button:focus{
	font-color: #fff;	
}

.shoppe-banner{
	background-image: url(/wp-content/uploads/shoppe-bg3.jpg);
	background-size: cover;
	background-position: center;
	text-align: center;
	padding: 30px 50px;
	margin: 20px 0 50px;
}

/*.shoppe-banner .info, .shoppe-banner img{
	display: inline-block;
}

.shoppe-banner .info{
	padding: 30px;
}

.shoppe-banner img{
	width: 17%;
	min-height: 284px;
}

.shoppe-banner img.left{
	float: left;
}

.shoppe-banner img.right{
	float: right;
}
*/
.shoppe-banner p{
	color: #fff;
	    text-align: center;
    font-weight: 400;
}


.shoppe-banner h1, .blue.bar h1{
	color: #fff;
}

.shoppe-banner .ui.green.button{
	font-weight: 100;
	font-family: "Open Sans", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
	    font-size: 17px;
    width: 160px;
    padding: 20px;
		
}

.shoppe-banner .ui.green.button:hover{
	background-color: #9BB37D;
}

.woocommerce-cart .cart-collaterals .cart_totals tr td, .woocommerce-cart .cart-collaterals .cart_totals tr th {
    padding-right: 10px;
}
/*******************************
            FOOTER
*******************************/

footer{
	background-color: #9bc8b9;
	position: relative;
	margin-top: 25px;
}

.jo{
  display: inline-block;
  float: left;
}

.jo img{
	float: left;
	width: 45%;
}


.jo .info{
	display: inline-block;
	margin-top: 45px;
  margin-left: 38px;
  font-weight: 300;
}

.jo .name{
	color: #fff;
	font-size: 25px;
	font-size: 1.6666rem;
	line-height: 1.3;
}

.jo .title{
	color: #fff;
	font-size: 16px;
	font-size: 1.15rem;
	margin-bottom: 20px;
}

.jo p{
	color: #505e3f;
	font-style: italic;
}

.wwc-press{
	width: 20%;
  float: right;
	text-align: center;
}

.wwc-press img{
	width: 65%;
  margin: 0 auto;
  display: block;
	margin-top: 20px;
}

.wwc-press p{
	color: #ffddb0;
	width: 90%;
	margin: 20px auto 0;
	font-weight: 100;
	font-size: 17px;
	font-size: 1.133rem;
}

.copyright{
	color:  #505e3f;
	font-weight: 100%;
}

.sub-pad {
	margin: 5rem 0 3rem;
}

.hrpad {
	margin: 2rem 0;
}

.bluebg {
	background: #4f7c89;
	padding: 3rem 30px 1.75rem;
}
.ui.lgtgreen.button:hover {
    background-color: #8fc9b8;
}
.ui.lgtgreen.button {
    background-color: #62a790;
}
.ui.lgtgreen.button {
    box-shadow: 0 0 0 0 rgba(34,36,38,.15) inset;
}
.ui.lgtgreen.button, .ui.green.buttons .button {
    color: #fff;
    text-shadow: none; 
    background-image: none;
	max-width: 500px;
}
.embed-container { position: relative; height: 900px; overflow: hidden; max-width: 100%; } 
.embed-container video, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

.ui.vid.modal {
    background: #000;
}
.ui.vidmag.modal {
    background: #000;
}
.mobile {
	display: none;
}
.computer {
	display: block;
}

.ui.modal>.close {
    top: 1rem;
    right: 1rem;
}

.bluebg .ui.grid>.column:not(.row), .bluebg .ui.grid>.row>.column {
    padding-left: 0rem;
    padding-right: 0rem;
}

.cta {
	background: #fff;
	box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
	padding: 2rem 1rem;
	color: #5faf97;
	font-size: 1.5rem;
	text-align: center;
}	
span.italic {
	font-style: italic;
	color: #666666;
}

.ui.fluid.max.right.floated.image {
    margin-left: 0;
}

.ui.fluid.max.image {
    display: block;
    width: auto !important;
    max-height: 500px !important;
}

/*******************************
Media Queries
*******************************/
@media screen and (max-width: 2560px) {
	section.head2 h2 {
		font-size: 5rem !important;
	}
	.ui.column.lft.grid>[class*="six wide"].column.lft, .ui.grid>.column.lft.row>[class*="six wide"].column.lft, .ui.grid>.row>[class*="six wide"].column.lft, .ui.grid>[class*="six wide"].column.lft {
		width: 30%!important;
	}
	.ui.column.rgt.grid>[class*="ten wide"].column.rgt, .ui.grid>.column.rgt.row>[class*="ten wide"].column.rgt, .ui.grid>.row>[class*="ten wide"].column.rgt, .ui.grid>[class*="ten wide"].column.rgt {
		width: 70%!important;
	}
	.ui.page2.grid {
		width: auto;
		margin-left: 0;
		margin-right: 0;
		padding-left: 10%;
		padding-right: 5%;
	}
}

@media screen and (max-width: 2410px) {
	section.head2 h2 {
		font-size: 3.5rem !important;
	}
}

/*@media only screen and (min-width: 1920px) {
	.ui.mini.modal {
		width: 380px;
		margin: 0;
	}
}*/

@media screen and (max-width: 1640px) {
	section.head2 h2 {
		font-size: 3.25rem !important;
	}
}

@media screen and (max-width: 1500px) {
	.flipper .back p {
		font-size: 1rem;
	}
}

@media screen and (max-width: 1495px) {
	section.head2 h2 {
		font-size: 3rem !important;
	}

}
@media screen and (max-width: 1358px) {
	section.head2 h2 {
		font-size: 2.5rem !important;
	}
	.ui.page2.grid {
		width: auto;
		margin-left: 0;
		margin-right: 0;
		padding-left: 10%;
		padding-right: 5%;
	}
}

@media screen and (max-width: 1111px) {
	section.head2 h2 {
		font-size: 3rem!important;
	}
	.flipper .back p {
		font-size: .75rem;
	}
}

@media screen and (max-width: 1000px) {
	
}

@media only screen and (max-width: 992px) {
	.ui.modal>.close {
		color: rgba(255,255,255,.87) !important;
	}
}

@media screen and (max-width: 925px) {
	section.head2 h2 {
		font-size: 1.5rem !important;
	}
}

@media only screen and (min-width: 1920px) {
	section.head2 h2 {
		font-size: 2.75rem;
	}
	.ui.page2.grid {
		width: auto;
		margin-left: 0;
		margin-right: 0;
		padding-left: 15%;
		padding-right: 10%;
	}
}

@media screen and (max-width: 1160px) {
	section.head2 h2 {
		font-size: 2rem;
	}
	.ui.column.lft.grid>[class*="six wide"].column.lft, .ui.grid>.column.lft.row>[class*="six wide"].column.lft, .ui.grid>.row>[class*="six wide"].column.lft, .ui.grid>[class*="six wide"].column.lft {
		width: 30%!important;
	}
}



@media screen and (max-width: 900px) {
	section.head2 h2 {
		font-size: 1.5rem;
	}
	.ui.marg.button {
		font-size: 14px;
	}
	.bluebg {
		padding: 2rem 30px;
	}
	.ui.column.lft.grid>[class*="six wide"].column.lft, .ui.grid>.column.lft.row>[class*="six wide"].column.lft, .ui.grid>.row>[class*="six wide"].column.lft, .ui.grid>[class*="six wide"].column.lft {
		width: 20%!important;
	}
	.ui.column.rgt.grid>[class*="six wide"].column.rgt, .ui.grid>.column.rgt.row>[class*="six wide"].column.rgt, .ui.grid>.row>[class*="six wide"].column.rgt, .ui.grid>[class*="six wide"].column.rgt {
		width: 80%!important;
	}
}

@media screen and (max-width: 850px) {
	.fancy.border {
		border-top: 0;
		display: none !important;
	}
}

@media screen and (max-width: 500px) {
	.ui.column.lft.grid>[class*="six wide"].column.lft, .ui.grid>.column.lft.row>[class*="six wide"].column.lft, .ui.grid>.row>[class*="six wide"].column.lft, .ui.grid>[class*="six wide"].column.lft {
		width: 15% !important;
	}
	.ui.column.rgt.grid>[class*="six wide"].column.rgt, .ui.grid>.column.rgt.row>[class*="six wide"].column.rgt, .ui.grid>.row>[class*="six wide"].column.rgt, .ui.grid>[class*="six wide"].column.rgt {
		width: 85%!important;
	}
	.embed-container { position: relative; height: 600px; overflow: hidden; max-width: 100%; } 
	.ui.modal>.close {
		top: 1.0535rem;
		right: 1rem;
		color: #fff;
	}
}

@media screen and (max-width: 1311px) {
	
	.ui.marg.button {
		font-size: 1rem;
	}
	
}

@media screen and (max-width: 1152px) {
	
	.ui.marg.button {
		font-size: .75rem;
	}
	
}

@media only screen and (max-width: 1199px) and (min-width: 992px) {
.ui.grid.magazine.container {
    width: calc(1000px + 2em)!important;
}
}

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

	.head2 .bluebg .ui.grid>[class*="seven wide"].column {
		width: 100% !important;
	}
	
	.head2 .bluebg .ui.grid>[class*="nine wide"].column {
		width: 100% !important;
	}
		.ui.right.floated.image, .ui.right.floated.images {
		float: none !important;
	}
	
}

@media screen and (max-width: 956px) {
	
	.ui.marg.button {
		font-size: 12px;
		padding: 16px 10px;
	}
	
	.ui.column.grid>.wb[class*="five wide"].column, .ui.grid>.column.row>.wb[class*="five wide"].column, .ui.grid>.row>.wb[class*="five wide"].column, .ui.grid>.wb[class*="five wide"].column {
		width: 50%!important;
	}
	
}
@media screen and (max-width: 913px) {
	
	.ui.marg.button {
		font-size: 10px;
		padding: 16px 10px;
	}
	
}

@media only screen and (max-width: 991px) and (min-width: 768px) {
.ui.magazine.grid.container {
    width: calc(700px + 2em)!important;
}
}

@media screen and (max-width: 767px) {
	
	.magPad { padding: 0 }
	.ui.grid>.wb.column:not(.row) {
		padding-top: 0 !important;
		padding-bottom: 0 !important;
	}
	.ui.grid>.wb.column:not(.row), .ui.grid>.row>.wb.column {
		padding-left: .5rem !important;
		padding-right: .5rem !important;
	}
	.bluebg .ui.column.grid>[class*="four wide"].column, .bluebg .ui.grid>.column.row>[class*="four wide"].column, .bluebg .ui.grid>.row>[class*="four wide"].column, .bluebg .ui.grid>[class*="four wide"].column {
		display: none!important;
	}
	.bluebg .ui.column.grid>[class*="twelve wide"].column, .bluebg .ui.grid>.column.row>[class*="twelve wide"].column, .bluebg .ui.grid>.row>[class*="twelve wide"].column, .bluebg .ui.grid>[class*="twelve wide"].column {
		width: 100%!important;
	}

	.computer {
		display: none !important;
	}
	.mobile {
		display: block !important;
		padding-bottom: 1rem;
	}
	
	.sub-pad {
		margin: 2rem 0 0;
	}
	.ui.gradient.grid {
		padding-top: 40px;
	}
	.ui.marg.button {
		font-size: 12px;
		padding: 16px 0px;
	}
	.ui.page2.grid {
		padding-left: 0%;
		padding-right: 0%;
	}
	section.head .ui.grid>[class*="three column"].doubling:not(.stackable).row.row>.column, section.head .ui.grid>[class*="four column"].doubling:not(.stackable).row.row>.column, section.head .ui.grid>[class*="five column"].doubling:not(.stackable).row.row>.column, section.head .ui.grid>[class*="six column"].doubling:not(.stackable).row.row>.column, section.head .ui.grid>[class*="seven column"].doubling:not(.stackable).row.row>.column, section.head .ui.grid>[class*="eight column"].doubling:not(.stackable).row.row>.column, section.head .ui[class*="three column"].doubling:not(.stackable).grid>.column:not(.row), section.head .ui[class*="three column"].doubling:not(.stackable).grid>.row>.column, section.head .ui[class*="four column"].doubling:not(.stackable).grid>.column:not(.row), section.head .ui[class*="four column"].doubling:not(.stackable).grid>.row>.column, section.head .ui[class*="five column"].doubling:not(.stackable).grid>.column:not(.row), section.head .ui[class*="five column"].doubling:not(.stackable).grid>.row>.column, section.head .ui[class*="six column"].doubling:not(.stackable).grid>.column:not(.row), section.head .ui[class*="six column"].doubling:not(.stackable).grid>.row>.column, section.head .ui[class*="seven column"].doubling:not(.stackable).grid>.column:not(.row), section.head .ui[class*="seven column"].doubling:not(.stackable).grid>.row>.column, section.head .ui[class*="eight column"].doubling:not(.stackable).grid>.column:not(.row), section.head .ui[class*="eight column"].doubling:not(.stackable).grid>.row>.column {
		width: 33.3%!important;
	}
	section.head h1 {
		font-size: 2rem;
	}
	section.head2 h1 {
		font-size: 3.5rem;
	}
	
	.head2 .bluebg h2 {
		font-size: 2.75rem !important;
	}
	
	.head2 .bluebg h3 br {
		display:none;
	}
	section.head p {
		font-size: 1.25rem;
		padding-right: 30px;
		padding-left: 30px;
		padding-bottom: 2rem;
	}
	section.head2 p {
		font-size: 1.25rem;
		padding-right: 30px;
		padding-left: 30px;
		line-height: 1.5rem;
	}
	
	.ui.stackable.divided:not(.vertically).grid>.column:not(.row), .ui.stackable.divided:not(.vertically).grid>.row>.column {
    padding-left: 25px!important;
    padding-right: 25px!important;
}
	
.magazine.grid.ui.stackable>.column:not(.row){
	padding-left: 0!important;
  padding-right: 0 !important;
}
.ui.large.menu{
	display: none;
}

.ui.grid>.row>.column.hand, .outer.color-bar{
	display: none;
}

.mobile-bar{
	display: block;
}

.lslide h3, .lslide a h3{
	  font-size: 18px;
}

.wwc-press, .jo img{
	width: 100%;
	padding-bottom: 21px;
}

.jo .info, .jo p {
	margin: 0 auto;
	text-align: center;
	    width: 100%;
}

.wwc-press p {
  text-align: center;
  margin: 20px auto 20px;
	  padding: 0 20px;
}

.absolute-center-2 {
  position: relative;
  left: 0;
}

.absolute-center-1 {
  position: relative;
  left: 0;
  bottom: 0;
}

p.copyright {
  text-align: center;
  padding: 20px;
  font-size: 16px;
  line-height: 1;
  margin: 14px;
  display: block;
}

.landing h1{
	 font-size: 38px;
}

.landing p{
	 font-size: 20px;
}

.light-teal.bg {
    padding: 50px 0 20px;
}

.buttons .button{
	display: inline-block;
	    margin: 10px 20px;
}

h2 {
    font-size: 18px;
}

.divider{
	display: none;
}

.ui.celled.contest.table tr td{
	text-align: center;
}

}
.mwidth {
	max-width: 800px !important;
	margin: 3rem auto !important;
}

input {
    display: block;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}

@media screen and (max-width: 555px) {
	.grid-sizer, .ms-grid-item { 
	width: 98%;}
	
	.ms-grid-item.blue, .ms-grid-item.green{
		display: none;
}

}

@media screen and (max-width:500px) {
	section.head .ui.grid>[class*="three column"].doubling:not(.stackable).row.row>.column, section.head .ui.grid>[class*="four column"].doubling:not(.stackable).row.row>.column, section.head .ui.grid>[class*="five column"].doubling:not(.stackable).row.row>.column, section.head .ui.grid>[class*="six column"].doubling:not(.stackable).row.row>.column, section.head .ui.grid>[class*="seven column"].doubling:not(.stackable).row.row>.column, section.head .ui.grid>[class*="eight column"].doubling:not(.stackable).row.row>.column, section.head .ui[class*="three column"].doubling:not(.stackable).grid>.column:not(.row), section.head .ui[class*="three column"].doubling:not(.stackable).grid>.row>.column, section.head .ui[class*="four column"].doubling:not(.stackable).grid>.column:not(.row), section.head .ui[class*="four column"].doubling:not(.stackable).grid>.row>.column, section.head .ui[class*="five column"].doubling:not(.stackable).grid>.column:not(.row), section.head .ui[class*="five column"].doubling:not(.stackable).grid>.row>.column, section.head .ui[class*="six column"].doubling:not(.stackable).grid>.column:not(.row), section.head .ui[class*="six column"].doubling:not(.stackable).grid>.row>.column, section.head .ui[class*="seven column"].doubling:not(.stackable).grid>.column:not(.row), section.head .ui[class*="seven column"].doubling:not(.stackable).grid>.row>.column, section.head .ui[class*="eight column"].doubling:not(.stackable).grid>.column:not(.row), section.head .ui[class*="eight column"].doubling:not(.stackable).grid>.row>.column {
		width: 50%!important;
	}
}