/*
Theme Name: Bopgun
Theme URI: 
Author: bopgun
Author URI: https://www.bopgun.com
Description: 
Version: 1.0.0
Text Domain: 
*/

html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{font-size:100%;font:inherit;padding:0;border:0;margin:0;vertical-align:baseline}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}table,article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}.clear{clear:both}
.sticky{}.bypostauthor{}.wp-caption{}.wp-caption-text{}.gallery-caption{}.alignright{}.alignleft{}.aligncenter{}

textarea:focus, input:focus{outline: none;}
*:focus {outline: none;}

@font-face{ 
	font-family: 'Gotham Book';
	src: url('../fonts/GothamNarrow-Book.otf') format("opentype"),
		 url('../fonts/GothamNarrow-Book.ttf') format("truetype");
}
@font-face{ 
	font-family: 'Gotham Medium';
	src: url('../fonts/GothamNarrow-Medium.otf') format("opentype"),
		 url('../fonts/GothamNarrow-Medium.ttf') format("truetype");
}
@font-face{ 
	font-family: 'Georgia';
	src: url('../fonts/Georgia-Italic.otf') format("opentype"),
		 url('../fonts/Georgia-Italic.ttf') format("truetype");
}

body {
	width: 100%;
	font-family: 'Gotham Narrow', sans-serif;
	-webkit-font-smoothing: antialiased;
	color: #000000;
}

h1,h2,h3,h4,h5,h6 {
	margin: 0px;
	font-family: 'Gotham Medium', sans-serif;
	font-weight: 400;
	font-style: normal; 
	line-height: 1.25;
}

h1 {font-size: 40px;}
h2 {font-size: 30px;}
h3 {font-size: 24px;}
h4 {font-size: 22px;}
h5 {font-size: 20px;}
h6 {font-size: 15px;}

table {
	width: 100%; 
	float: left;
	border-collapse: collapse; 
}
td {
	border: 1px solid #CCCCCC;
	padding: 5px 10px;
	white-space: wrap;
}

.normal {font-weight: 400;}
b, strong, .bold {
	font-family: 'Gotham Medium', sans-serif;
	font-weight: 400;
}

.narrow {font-family: 'Gotham Narrow', sans-serif;}
.georgia {font-family: 'Georgia', sans-serif;}

.UC {text-transform: uppercase;}
.LC {text-transform: lowercase;}

.white {color: #FFFFFF;}
.black {color: #000000;}

.alignleft {
	float: left; 
	padding: 0 10px 0 0;
}

p, td, li, label, select {
	font-family: 'Gotham Narrow', sans-serif;
	font-weight: 300;
	line-height: 1.5;
	font-size: 18px;
}

sup {
	vertical-align: super;
  	font-size: smaller;
}
sub {
	vertical-align: sub;
  	font-size: smaller;
}

i, em {font-style: italic;}
a {
	text-decoration: none;
	color: #74AA18;
}

input {-webkit-appearance: none;}

.print {display: none;}

.wrapper {overflow: hidden;}

.full-width {
	width: 100%;
	float: left;
	box-sizing: border-box;
}
.fixed-width {
	width: 1240px;
	margin: 0 auto;
	box-sizing: border-box;
}

.transition-500 {
	-moz-transition: .5s ease-in-out;
    -o-transition: .5s ease-in-out;
    -ms-transition: .5s ease-in-out;
    -webkit-transition: .5s ease-in-out;
    transition: .5s ease-in-out;
}
.transition-250 {
	-moz-transition: .25s ease-in-out;
    -o-transition: .25s ease-in-out;
    -ms-transition: .25s ease-in-out;
    -webkit-transition: .25s ease-in-out;
    transition: .25s ease-in-out;
}

.wrapper-404 {
	padding: 80px 0;
	text-align: center;
}

button.slick-prev,
button.slick-next {
	opacity: 0.75;
	width: 50px;
    height: 50px;
    border: 0px;
    padding: 0px;
    text-indent: 9999px;
    position: absolute;
    top: 20%;
    z-index: 5;
    cursor: pointer;
    background-repeat: no-repeat;
    background-position: center;
    background-color: transparent;
    background-size: 100% auto;
    -moz-transition: .25s ease-in-out;
    -o-transition: .25s ease-in-out;
    -ms-transition: .25s ease-in-out;
    -webkit-transition: .25s ease-in-out;
    transition: .25s ease-in-out;
}
button.slick-prev:hover,
button.slick-next:hover {opacity: 1;}
button.slick-prev.slick-disabled,
button.slick-next.slick-disabled {opacity: 0;}
button.slick-prev {
	left: 0;
	background-image: url(../im/icon-prev.png);
}
button.slick-next {
    right: 0;
    background-image: url(../im/icon-next.png);
}

input[type=range]::-webkit-slider-thumb {
    -webkit-appearance: none;
    border: 1px solid #707070;
    height: 30px;
    width: 30px;
    border-radius: 100%;
    background: #FFFFFF;
    cursor: pointer;
    margin-top: -15px;
}
input[type=range]::-moz-range-thumb {
    border: 1px solid #707070;
    height: 30px;
    width: 30px;
    border-radius: 100%;
    background: #FFFFFF;
    cursor: pointer;
    margin-top: -15px;
}
input[type=range]::-ms-thumb {
    border: 1px solid #707070;
    height: 30px;
    width: 30px;
    border-radius: 100%;
    background: #FFFFFF;
    cursor: pointer;
    margin-top: -15px;
}

input[type=range]::-webkit-slider-runnable-track {
    width: 100%;
    height: 1px;
    cursor: pointer;
    background: #707070;
    border-radius: 20px;
}
input[type=range]:focus::-webkit-slider-runnable-track {background: #707070;}
input[type=range]::-moz-range-track {
    width: 100%;
    height: 1px;
    cursor: pointer;
    background: #707070;
    border-radius: 20px;
}
input[type=range]::-ms-track {
    width: 100%;
    height: 1px;
    cursor: pointer;
    background: #707070;
    border-radius: 20px;
}
input[type=range]::-ms-fill-lower {
    width: 100%;
    height: 1px;
    cursor: pointer;
    background: #707070;
    border-radius: 20px;
}
input[type=range]:focus::-ms-fill-lower {background: #707070;}
input[type=range]::-ms-fill-upper {
    width: 100%;
    height: 1px;
    cursor: pointer;
    background: #707070;
    border-radius: 20px;
}
input[type=range]:focus::-ms-fill-upper {background: #707070;}

#backtotopbutton {
  display: inline-block;
  background-color: #73AA17;
  width: 50px;
  height: 50px; 
  text-align: center;
  border-radius: 4px;
  position: fixed;
  bottom: 30px;
  right: 30px;
  transition: background-color .3s, 
    opacity .5s, visibility .5s;
  opacity: 0;
  visibility: hidden;
  z-index: 1000;
}
#backtotopbutton::after {
  content: "\f077";
  font-family: FontAwesome;
  font-weight: normal;
  font-style: normal;
  font-size: 2em;
  line-height: 50px;
  color: #fff;
}
#backtotopbutton:hover {
  cursor: pointer;
  background-color: #333;
}
#backtotopbutton:active {
  background-color: #555;
}
#backtotopbutton.show {
  opacity: 1;
  visibility: visible;
}


/* Header */

.header-background {
	height: 100px;
	background-color: #FFFFFF;
	position: relative;
	z-index: 1;
}

.header {
	height: 100px;
	background-color: #73AA17;
	margin: 0 auto;
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	z-index: 10;
}
.home .header,
.home .header .top {background-color: #FFFFFF;}

.header .top {
	height: 100%;
	background-color: #73AA17;
	position: relative;
	z-index: 1;
}
.header .top .fixed-width {height: 100%;}

.wrapper.fixed .header {
	position: fixed;
	top: 0px;
}
.wrapper.fixed .header.hide {top: -100px;}

.header .explore {
	width: 200px;
	float: left;
	cursor: pointer;
}
.header .explore .toggle {
	width: 40px;
	height: 40px;
	padding: 10px 0 0 0;
	margin: 30px 30px 0 -10px;
	float: left;
	text-align: center;
	box-sizing: border-box;
}
.header .explore .toggle img {
	width: 20px;
	height: 20px;
	margin: 0 auto;
}
.header .explore .title {
	float: left;
	padding: 40px 0 0 0;
}

.header .logo {
	width: 170px;
	float: left;
	padding: 15px 0 0 0;
}
.header .logo img {
	width: 100%;
	max-width: 500px;
	height: auto;
	float: left;
}

.header .top-menu {
	float: right;
	padding: 40px 0 0 0;
}
.header.view-subscribe .top-menu {
	opacity: 0;
	visibility: hidden;
}
.header .top-menu a {
	width: auto;
	float: left;
	margin: 0 30px 0 0;
	color: #000000;
}

.header .subscribe {
	width: 165px;
	height: 100%;
	float: right;
	cursor: pointer;
	position: relative;
}
.header .subscribe > p {padding: 40px 0 0 0;}
.header .subscribe .menu {
	opacity: 0;
	visibility: hidden;
	height: 100%;
	margin: 0 auto;
    position: absolute;
    top: 0;
    left: -425px;
}
.header.view-subscribe .subscribe .menu {
	opacity: 1;
	visibility: visible;
}
.header .subscribe .menu .socials {
	float: left;
	padding: 35px 20px 0 0;
}
.header .subscribe .menu .socials a {
	width: 50px;
	float: left;
}
.header .subscribe .menu .socials a img {
	width: 25px;
	height: 25px;
	float: left;
}
.header .subscribe .menu .list {
	height: 100%;
	float: left;
}
.header .subscribe .menu .list .item {
	height: 100%;
	float: left;
	padding: 40px 30px 0 0;
	box-sizing: border-box;
}

.header .mobile-menu {
	display: none;
	margin: 0 auto;
	text-align: center;
	position: absolute;
	bottom: 15px;
	left: 0;
	right: 0;
}
.header .mobile-menu .item {
	display: inline-block;
	margin: 0 5px;
}

.header .banner {
	display: none;
	height: 60px;
	padding: 10px 0;
	background-color: #FFFFFF;
	margin: 0 auto;
	position: relative;
	top: -60px;
	left: 0;
	right: 0;
	border-bottom: 1px solid #000000;
}
body.home .header .banner {
	background-color: #5C8322;
	border: 0px;
}
body.home .header .banner p {color: #FFFFFF;}
body.home .header .banner form input[type=email] {border: 0px;}
body.home .header .banner form input[type=submit] {
	color: #73AA17;
	background-color: #73AA17;
}

.header .banner.active {top: 0;}
.header .banner p {
	float: left;
	padding: 10px 0 0 0;
}
.header .banner form {
	width: 310px;
	float: right;
	position: relative;
}
.header .banner form input[type=email] {
	width: 100%;
	height: 40px;
	float: left;
    padding: 10px 40px 10px 10px;
    border: 0px;
    border-radius: 0;
    font-size: 16px;
    border: 1px solid #000000;
    box-sizing: border-box;
}
.header .banner form input[type=submit] {
	width: 40px;
	height: 40px;
	margin: 0 auto;
	border: 0px;
	border-radius: 0;
    color: #000000;    
    text-indent: -999px;
	background-image: url(../im/icon-arrow-right-white.png);
	background-size: 20px 20px;
	background-position: center;
	background-repeat: no-repeat;
	background-color: #000000;
	position: absolute;
	top: 0;
	right: 0;
	cursor: pointer;
}

.header .search {
	width: 40px;
	height: 40px;
	padding: 14px 0 0 0;
	margin: 30px -10px 0 20px;
	float: right;
	text-align: center;
	cursor: pointer;
	box-sizing: border-box;
}

.header .search img {
	width: 20px;
	height: 20px;
	margin: 0 auto;
}

.header .podcast img {
	max-width: 29px;
	margin: 0 auto;
}

.header .podcast-home img {
	max-width: 29px;
	margin: 0 auto;
}

.header .podcast {
	max-width: 29px;
	padding: 10px 0 0 0;
	margin: 30px -10px 0 20px;
	float: right;
	text-align: center;
	cursor: pointer;
	box-sizing: border-box;
}

.header .podcast-home {
	max-width: 29px;
	padding: 10px 0 0 0;
	margin: 30px -10px 0 20px;
	float: right;
	text-align: center;
	cursor: pointer;
	box-sizing: border-box;
}

.header .subscribe-panel {
	opacity: 0;
	visibility: hidden;
	height: 100vh;
	text-align: center;
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	z-index: 999999;
	overflow: scroll;
}
.header .subscribe-panel.active {
	opacity: 1;
	visibility: visible;
}
.header .subscribe-panel .blur {
	width: 100vw;
	height: 100vh;
	margin: 0 auto;
	background-color: #FFFFFF;
	opacity: 0.75;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	cursor: zoom-out;
}
.header .subscribe-panel .modal {
	display: inline-block;
	width: 380px;
	max-width: 100%;
	margin: 0 auto;
	padding: 40px 20px;
	background-color: #5C8322;
	box-shadow: 0 0 20px #797979;
	position: absolute;
	top: 50%;
    transform: translateY(-50%);
	left: 0;
	right: 0;
	overflow: scroll;
	box-sizing: border-box;
}
.header .subscribe-panel .modal .close img {
	width: 20px;
    height: 20px;
    margin: 0 auto;
}
.header .subscribe-panel .modal .magazine {
	padding: 0 0 40px 0;
	margin: 0 0 40px 0;
	border-bottom: 1px solid #FFFFFF;
}
.header .subscribe-panel .modal .magazine .button {
    width: -moz-fit-content;
    width: -o-fit-content;
    width: -ms-fit-content;
    width: -webkit-fit-content;
    width: fit-content;
    clear: both;
    padding: 10px 20px;
    margin: 0 auto;
    margin-top: 20px;
    background-color: #FFFFFF;
    box-sizing: border-box;
}
.header .subscribe-panel .modal .magazine .button p {line-height: 1;}
.header .subscribe-panel .modal .magazine img {
	max-width: 80%;
	height: auto;
	margin: 0 0 20px 0;
}
.header .subscribe-panel .modal .newsletter form {
	width: 310px;
	max-width: 100%;
    margin: 0 auto;
    margin-top: 20px;
    position: relative;
}
.header .subscribe-panel .modal .newsletter form input[type=email],
.header .subscribe-panel .modal .newsletter form input[type=text] {
	width: 100%;
	height: 40px;
	float: left;
    padding: 10px 40px 10px 10px;
    border: 0px;
    border-radius: 0;
    font-size: 16px;
    box-sizing: border-box;
}
.header .subscribe-panel .modal .newsletter form input[type=submit] {
	width: 40px;
	height: 40px;
	margin: 0 auto;
	border: 0px;
	border-radius: 0;
    color: #73AA17;    
    text-indent: -999px;
	background-image: url(../im/icon-arrow-right-white.png);
	background-size: 20px 20px;
	background-position: center;
	background-repeat: no-repeat;
	background-color: #73AA17;
	position: absolute;
	top: 0;
	right: 0;
	cursor: pointer;
}
.header .subscribe-panel .modal .socials {padding: 20px 0 0 0;}
.header .subscribe-panel .modal .socials a {
	width: 45px;
	text-align: center;
}
.header .subscribe-panel .modal .socials a img {
	width: 25px;
	height: 25px;
	margin: 0 auto;
	padding: 0 10px;
}
.header .subscribe-panel .modal .close {
	width: 40px;
    height: 40px;
    padding: 10px 0 0 0;
    margin: 0 auto;
    text-align: center;
    cursor: pointer;
    position: absolute;
    top: 10px;
    right: 10px;
    box-sizing: border-box;
}

.header .progress {
	display: none;
	margin: 0 auto;
	background-color: #FAFAFA;
	position: absolute;
	bottom: -5px;
	left: 0;
	right: 0;
}
body.single .header .progress {display: block;}
.header .progress #progressBar {
	width: 0%;
	height: 5px;
	background-color: #74AA18;
}

/* /Header */


/* Footer */

.footer {
	padding: 50px 0;
	background-color: #73AA17;
	position: relative;
	z-index: 1;
}
.footer p {margin: 0 0 5px 0;}
.footer a p {cursor: pointer;}

.footer .anthem {
	width: 37.5%;
	float: left;
}
.footer .anthem .logo {
	width: 150px;
	margin: 0 40px 0 0;
	float: left;
}
.footer .anthem .logo img {
	width: 100%;
	height: auto;
	float: left;
	margin: 30px 0 0 0;
}
.footer .anthem .menu {
	float: left;
	padding: 0 0 0 20px;
	border-left: 1px solid #FFFFFF;
}

.footer .vegan {
	width: 37.5%;
	float: right;
}
.footer .vegan .info {
	width: 170px;
	float: left;
	margin: 0 40px 0 0;
}
.footer .vegan .info .logo img {
	width: 100%;
	height: auto;
	float: left;
}
.footer .vegan .info .socials {padding: 20px 0 0 0;}
.footer .vegan .info .socials a {
	width: 25px;
	float: left;
	text-align: center;
	padding-right: 11.25px;
}
.footer .vegan .info .socials a:nth-child(5) {padding-right: 0px;}

.footer .vegan .info .socials a img {
	width: 25px;
	height: 25px;
	margin: 0 auto;
}
.footer .vegan .menu {
	float: left;
	padding: 0 0 0 20px;
	border-left: 1px solid #FFFFFF;
}

.footer .newsletter {
	width: 25%;
	float: right;
}
.footer .newsletter form {position: relative;}
.footer .newsletter form input[type=email],
.footer .newsletter form input[type=text] {
	width: 100%;
	height: 40px;
	float: left;
    padding: 10px 40px 10px 10px;
    border: 0px;
    border-radius: 0;
    font-size: 16px;
    box-sizing: border-box;
}
.footer .newsletter form input[type=submit] {
	width: 40px;
	height: 40px;
	margin: 0 auto;
	border: 0px;
	border-radius: 0;
    color: #73AA17;
    text-indent: -999px;
	background-image: url(../im/icon-arrow-right-white.png);
	background-size: 20px 20px;
	background-position: center;
	background-repeat: no-repeat;
	background-color: #5C8322;
	position: absolute;
	top: 0;
	right: 0;
	cursor: pointer;
}

.footer-bopgun {
	background-color: #73AA17;
	padding: 10px 0;
	text-align: center;
	position: relative;
}

.footer-bopgun p a {
	color: #FFFFFF;
	font-size: 12px;
}

.cookies {
	padding: 10px 0;
	margin: 0 auto;
	background-color: #2A2A2A;
	position: fixed;
	bottom: 0;
	left: 0;
	right: 0;
	z-index: 999999;
	-moz-transition: .25s ease-in-out;
    -o-transition: .25s ease-in-out;
    -ms-transition: .25s ease-in-out;
    -webkit-transition: .25s ease-in-out;
    transition: .25s ease-in-out;
}
body.accepted .cookies {display: none;}
.cookies.hide {
	opacity: 0;
	visibility: hidden;
}
.cookies p {font-size: 14px;}
.cookies .copy {
	width: 90%;
	float: left;
	padding: 5px 0;
}
.cookies .button {
	width: 10%;
	float: right;
	padding: 5px 0;
	text-align: center;
	background-color: #73AA17;
	cursor: pointer;
}

/* /Footer */



/* Menu */

.main-menu {
	width: 400px;
	max-width: 100vw;
	height: 100vh;
	margin: 0 auto;
	background-color: #73AA17;
	overflow: scroll;
	position: fixed;
	top: 0;
	left: -400px;
	z-index: 999999;
	box-sizing: border-box;
}
.main-menu.active {left: 0;}

.main-menu .top {
	height: 100px;
	padding: 0 20px;
	box-sizing: border-box;
}
.main-menu .top .logo {
	width: 100px;
	float: left;
	padding: 30px 0 0 0;
}
.main-menu .top .logo img {
	width: 100%;
	max-width: 500px;
	height: auto;
	float: left;
}
.main-menu .top .close {
	width: 40px;
    height: 40px;
    padding: 10px 0 0 0;
    margin-top: 30px;
    margin-right: -10px;
    float: right;
    text-align: center;
    cursor: pointer;
    box-sizing: border-box;
}
.main-menu .top .close img {
	width: 20px;
	height: 20px;
	margin: 0 auto;
}

.main-menu ul > li {
	width: 100%;
	float: left;
	border-top: 1px solid #5E8A14;
	position: relative;
	cursor: pointer;
}
.main-menu ul li .arrow {
	width: 40px;
    height: 40px;
    float: right;
    background: url(../im/icon-down-white.png);
    background-size: 20px 20px;
    background-position: center;
    background-repeat: no-repeat;
    position: absolute;
    top: 0;
    right: 10px;
}
.main-menu ul li .arrow.open {
	-webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);
}
.main-menu ul li a {
	display: block;
	width: 100%;
	float: left;
	padding: 11px 20px;
	color: #FFFFFF;
	font-weight: 500;
	line-height: 1;
	text-transform: uppercase;
	box-sizing: border-box;
}
.main-menu ul li ul li a {padding-left: 30px;}
.main-menu ul li ul li ul li a {padding-left: 40px;}
/*.main-menu ul li a:hover {background-color: #73AA17;}*/
.main-menu ul li .sub-menu {display: none;}
.main-menu ul li .sub-menu.show {display: block;}
.main-menu ul li .sub-menu li {
	width: 100%;
	float: left;
	border-top: 0px;
	background-color: #5E8A14;
	position: relative;
	cursor: pointer;
}
.main-menu ul li .sub-menu li .sub-menu li {background-color: #527713;}

.main-menu .socials {padding: 40px 20px 120px 20px;}
.main-menu .socials a {
	width: 40px;
	float: left;
}
.main-menu .socials a img {
	width: 25px;
	height: 25px;
	float: left;
}

.podcast-nav {
	background-image: url('../im/podcast-icon-white.png');
    background-size: 22px;
	background-position: 250px;	
	background-repeat: no-repeat;
}

.tooltip .tooltiptext {
	visibility: hidden;
    width: 150px;
    background-color: grey;
    color: #fff;
    text-align: center;
    border-radius: 4px;
    padding: 5px 0;
    position: absolute;
	margin-top: 32px;
	margin-left: -120px;
    z-index: 1;
  }
  
.tooltip:hover .tooltiptext {
	visibility: visible;
  }

  .tooltip-search .tooltiptext-search {
	visibility: hidden;
	width: 100px;
    background-color: grey;
    color: #fff;
    text-align: center;
    border-radius: 4px;
    padding: 5px 0;
    position: absolute;
    margin-top: 29px;
    margin-left: -100px;
    z-index: 1;
  }
  
.tooltip-search:hover .tooltiptext-search {
	visibility: visible;
  }

/* /Menu */


/* Newsletter */

.newsletter-intro {
	padding: 60px 0;
	text-align: center;
}

.newsletter-intro h1 {
	font-size: 50px;
	margin: 0 auto;
}	

/* /Newsletter */


/* Search Takeover */

.search-takeover {
	opacity: 0;
	visibility: hidden;
	width: 100vw;
	height: 100vh;
	margin: 0 auto;
	background-color: rgb(0,0,0,0.9);
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	z-index: 999;
}
.search-takeover.active {
	opacity: 1;
	visibility: visible;
}
.search-takeover .close {
	width: 100vw;
	height: 100vh;
	margin: 0 auto;
	position: relative;
	cursor: zoom-out;
}
.search-takeover form {
	width: 90vw;
	margin: 0 auto;
	position: absolute;
	top: 50%;
    transform: translateY(-50%);
	left: 0;
	right: 0;
	z-index: 1;
}
.search-takeover form input[type=text] {
	width: 100%;
	float: left;
	padding: 0px;
	text-transform: uppercase;
	font-size: 60px;
	color: #FFFFFF;
	background-color: transparent;
	border: 0px;
	border-radius: 0px;
	border-bottom: 5px solid #FFFFFF;
}
.search-takeover form input[type=submit] {display: none;}

/* /Search Takeover */


/* Single */

.single-category {
	padding: 30px 0;
	text-align: center;
	background-color: #5C8322;
}
.single-category h2 {font-size: 40px;}

.single-toolbar {
	height: 50px;
	background-color: #FAFAFA;
	position: relative;
    z-index: 1;
}
.single-toolbar .breadcrumb {
	float: left;
	padding: 15px 0 0 0;
}
.single-toolbar .search form {
	width: 310px;
	margin: 5px 0 0 0;
	float: right;
	position: relative;
}
.single-toolbar .search form input[type=email],
.single-toolbar .search form input[type=text] {
	width: 100%;
	height: 40px;
	float: left;
    padding: 10px 40px 10px 10px;
    border: 0px;
    border-radius: 0;
    font-size: 16px;
    text-transform: uppercase;
    border: 1px solid #000000;
    background-color: transparent;
    box-sizing: border-box;
}
.single-toolbar .search form input[type=submit] {
	width: 40px;
	height: 40px;
	margin: 0 auto;
	border: 0px;
	border-radius: 0;
    color: #000000;
    text-indent: -999px;
	background-image: url(../im/icon-search-white.png);
	background-size: 20px 20px;
	background-position: center;
	background-repeat: no-repeat;
	background-color: #000000;
	position: absolute;
	top: 0;
	right: 0;
	cursor: pointer;
}

.sponsor-banner {text-align: center;}
.sponsor-banner p {
    display: inline-block;
    width: auto;
    margin: 0 auto;
    padding: 5px 20px;
    background-color: #5C8322;
    box-sizing: border-box;
}

.category-hand {
	display: none;
	position: relative;
}
.category-hand img {
	width: 40px;
    margin: 0 auto;
    position: absolute;
    top: 7px;
    right: 5px;
    z-index: 1;
    opacity: 1;
	-moz-animation: bounce 2s infinite;
	-webkit-animation: bounce 2s infinite;
	animation: bounce 2s infinite;
}
.category-hand.hide img {opacity: 0;}
@-moz-keyframes bounce {
	0%, 20%, 50%, 80%, 100% {
		-moz-transform: translateX(0);
		-ms-transform: translateX(0);
		-webkit-transform: translateX(0);
		transform: translateX(0);
	}
	40% {
		-moz-transform: translateX(-15px);
		-ms-transform: translateX(-15px);
		-webkit-transform: translateX(-15px);
		transform: translateX(-15px);
	}
	60% {
		-moz-transform: translateX(-10px);
		-ms-transform: translateX(-10px);
		-webkit-transform: translateX(-10px);
		transform: translateX(-10px);
	}
}
@-webkit-keyframes bounce {
	0%, 20%, 50%, 80%, 100% {
		-moz-transform: translateX(0);
		-ms-transform: translateX(0);
		-webkit-transform: translateX(0);
		transform: translateX(0);
	}
	40% {
		-moz-transform: translateX(-15px);
		-ms-transform: translateX(-15px);
		-webkit-transform: translateX(-15px);
		transform: translateX(-15px);
	}
	60% {
		-moz-transform: translateX(-10px);
		-ms-transform: translateX(-10px);
		-webkit-transform: translateX(-10px);
		transform: translateX(-10px);
	}
}
@keyframes bounce {
	0%, 20%, 50%, 80%, 100% {
		-moz-transform: translateX(0);
		-ms-transform: translateX(0);
		-webkit-transform: translateX(0);
		transform: translateX(0);
	}
	40% {
		-moz-transform: translateX(-15px);
		-ms-transform: translateX(-15px);
		-webkit-transform: translateX(-15px);
		transform: translateX(-15px);
	}
	60% {
		-moz-transform: translateX(-10px);
		-ms-transform: translateX(-10px);
		-webkit-transform: translateX(-10px);
		transform: translateX(-10px);
	}
}

.single-categories {
	padding: 20px 0 0 0;
	text-align: center;
	background-color: #FFFFFF;
	position: relative;
    z-index: 1;
}
.single-categories .item {
	width: auto;
	display: inline-block;
	margin: 0 10px 10px 0;
}
.single-categories .item .button {
	padding: 5px 10px;
	border: 1px solid #000000;
}
.single-categories .item:hover .button {
	background-color: #73AA17;
	border-color: #73AA17;
}
.single-categories .item:hover a {color: #FFFFFF;}
.single-categories .item .button p {
	margin: 0 auto;
	line-height: 1;
}
.single-categories .item a {color: #000000;}

.single-featured {text-align: center;}
.single-featured img {
	max-width: 1240px;
	height: auto;
	display: block;
	margin: 0 auto;
}
.single-back {
	display: none;
	text-align: center;
}
.single-back p {
	display: inline-block;
	width: auto;
    padding: 5px 10px;
    margin: 0 auto;
    margin-top: 10px;    
    border: 1px solid #000000;  
    line-height: 1;  
}
.single-intro {
	text-align: center;
	background-color: #FFFFFF;
    position: relative;
    z-index: 1;
}
.single-intro .title {margin: 50px 0 20px 0;}
.single-intro .author {
	text-align: center;
	margin: 0 0 20px 0;
}
.single-intro .read-time p {
	width: 100%;
	margin: 0 auto;
    text-align: center;
}

.single-social {
    border-top: 50px solid #FFFFFF;
    border-bottom: 50px solid #FFFFFF;
    padding: 20px 0;
	background-color: #ECECEC;
	text-align: center;
	position: relative;
	z-index: 1;
}
.single-social .item {
	display: inline-block;
	margin: 0 10px;
	cursor: pointer;
}
.single-social .item img {
	width: 35px;
	height: 35px;
	margin: 0 auto;
}

.single-content .tapered .wprm-fallback-recipe-image {display: none;}
.single-content .tapered > div {
	width: 100%;
	max-width: 100%;
	float: left;
}

.single-content .recipe .hero {text-align: center;}
.single-content .recipe .hero .intro {padding: 0 0 40px 0;}
.single-content .recipe .hero .intro h3 {
	margin: 0 0 20px 0;
	display: inline-block;
}
.single-content .recipe .hero .intro .recipe-intro p {
	margin: 0 0 20px 0;
	font-size: 24px;
	font-family: 'Gotham Medium', sans-serif;
	font-weight: 400;
	font-style: normal; 
	line-height: 1.25;
}
.single-content .recipe .hero .intro p {
	width: 100%;
	float: left;
	margin: 20px 0 0 0;
}
.single-content .recipe .hero .servings .details h2 {display: inline-block;}
.single-content .recipe .hero .servings .details h2:after {
	content: "|";
	width: 40px;
	display: inline-block;
}
.single-content .recipe .hero .servings .details h2:nth-last-child(1):after {display: none;}
.single-content .recipe .hero .servings .control {
	width: 400px;
	max-width: 100%;
	margin: 0 auto;
	padding: 20px 0 10px 0;
	clear: both;
	display: inline-block;
	box-sizing: border-box;
}
.single-content .recipe .hero .servings .control h2 {
	float: left;
	line-height: 1;
}
.single-content .recipe .hero .servings .control input {
	width: 220px;
	float: right;
	margin: 15px 0 0 0;
	position: relative;
	z-index: 2;
}
.single-content .recipe .hero .servings .rating {
	display: inline-block;
	margin: 0 0 0 30px;
}
.single-content .recipe .hero .servings .rating h2 {
	float: left;
	line-height: 1;
}
.single-content .recipe .hero .servings .rating .stars {
	float: left;
	position: relative;
	top: -7.5px;
}
.single-content .recipe .hero .servings .rating .stars img {
	display: inline-block;
	width: 35px;
	height: auto;
}

.single-content .recipe .toggle {
	display: none;
	padding: 0 0 30px 0;
	margin-top: -30px;
	position: relative;
	z-index: 1;
}
.single-content .recipe .toggle .item {
	width: 50%;
	float: left;
	padding: 10px;
	text-align: center;
	background-color: #E4E4E4;
	position: relative;
	cursor: pointer;
	box-sizing: border-box;
}
.single-content .recipe .toggle .item.active {background-color: #D8D8D8;}
.single-content .recipe .toggle .item img {
	display: none;
	width: 20px;
	height: auto;
	margin: 0 auto;
	position: absolute;
	bottom: -10px;
	left: 0;
	right: 0;
}
.single-content .recipe .toggle .item.active img {display: inline-block;}

.single-content .recipe .stage .title {margin: 0 0 20px 0;}
.single-content .recipe .stage .title h2 {float: left;}
.single-content .recipe .stage .ingredients .title h2 {margin: 0 10px 0 0;}
.single-content .recipe .stage .title p {
	float: left;
	padding: 7.5px 0 0 0;
}
.single-content .recipe .stage .ingredients {
	width: 25%;
	float: left;
	padding: 0 40px 0 0;
	border-right: 1px solid #000000;
	box-sizing: border-box;
}
.single-content .recipe .stage .ingredients #stable {display: none;}
.single-content .recipe .stage .method {
	width: 75%;
	float: left;
	padding: 0 0 0 40px;
	box-sizing: border-box;
}
.single-content .recipe .stage ul li {
	width: auto;
	clear: both;
	margin: 0 0 10px 20px;
	list-style: disc;
}
.single-content .recipe .stage ul li:nth-child(1) {margin-top: 0px !important;}
.single-content .recipe .stage ul li.subtitle {
    list-style: none;
    margin: 20px 0 10px 0px;
    font-family: 'Gotham Medium', sans-serif;
}
.single-content .recipe .stage ol li {
	width: auto;
	clear: both;
	margin: 0 0 10px 20px;
	list-style: decimal;
}
.single-content .recipe .stage .list ul,
.single-content .recipe .stage .list ol,
.single-content .recipe .stage .list p,
.single-content .recipe .stage .list h2,
.single-content .recipe .stage .list h3,
.single-content .recipe .stage .list h4,
.single-content .recipe .stage .list h5,
.single-content .recipe .stage .list h6 {
	width: 100%;
	float: left;
	margin: 0 0 20px 0;
}
.single-content .recipe .outro {
	padding: 40px 0 0 0;
	text-align: center;
}

.single-content .footer-ad {
	text-align: center;
	padding: 20px 0 30px 0;
	background-color: #FFFFFF;
    position: relative;
    z-index: 1;
}
.single-content .footer-ad .label {padding: 0 0 10px 0;} 


.author-info .author-description p {
	text-align: center;
	margin: 0px auto; 
	font-size: 16px;
}

.author-info .written-by, 
.author-info .author-meettheteam {
	text-align: center;
	font-size: 16px;
	margin-bottom: 0px;
}

.author-info .author-meettheteam {
	margin-top: 20px; 
}

.author-info .author-meettheteam a {
	text-decoration: none;
    font-weight: normal;
}

.author-info {
	padding: 30px;
    background-color: #f0f0f0;
    position: relative;
    border-top: 20px solid #FFFFFF;
    border-bottom: 20px solid #FFFFFF;
} 

.author-info .avatar { 
	position: relative; 
	top: 0; 
	left: 0; 
	float: left; 
}

.author-description { 
	margin-left: 100px;     
	position: relative;
	margin: 0px auto;
}

.author-description h3 {text-align: center;}

.author-description {line-height: 22px;}

.author-avatar {
	width: 120px;
    height: 120px;
    position: relative;
    overflow: hidden;
    text-align: center;
    border-radius: 50%;
    margin: 0px auto;
}
.author-avatar img {
	width: 100px;
    height: 100px;
    position: relative;
    overflow: hidden;
    border-radius: 50%;
}

.author-description p {
	text-align: center;
	font-size: 14px;
}

/* /Single */


/* Category */

.category-title {
	padding: 30px 0;
	text-align: center;
	background-color: #FFFFFF;
	position: relative;
    z-index: 1;
}

.category-header {padding: 0 0 20px 0;}
.category-header .divider {
	padding: 10px 0 0 0;
	border-top: 1px solid #000000;
}
.category-header .label {
	float: left;
	line-height: 1;
}
.category-header .button {
	float: right;
	line-height: 1;
	padding: 7.5px 0 0 0;
}

/* /Category */


/* Melody */

body.single-post .melody {
	background-color: #FFFFFF;
	position: relative;
}
.melody .spacer {
	height: 40px;
	background-color: #FFFFFF;
	position: relative;
    z-index: 1;
}
.melody .tone {
	padding: 0 0 40px 0;
	background-color: #FFFFFF;
	position: relative;
	z-index: 1;
}
.melody .tone.no-padding {padding: 0px;}
.melody .tone .item {
	float: left;
	padding: 0 0 20px 0;
	margin-bottom: 40px;
	margin-right: 20px;
	align-self: auto;
	border-bottom: 1px solid #D1D1D1;
}
.melody .tone .item:nth-last-child(1) {margin-right: 0px;}
.melody .tone .item.item-fake {
	margin-bottom: 0px;
	border-bottom: 0px;
	padding-bottom: 0px;
}
.melody .tone .item .image {
	margin: 0 0 20px 0;
	text-align: center;
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	background-color: #D1D1D1;
}
.melody .tone .item.item-advert .image {background-color: transparent;}
.melody .tone .item .image img {
	width: 100%;	
	height: auto;
	margin: 0 auto;
	display: block;
}
.melody .tone .item .image .fit {position: relative;}
.melody .tone .item .image .fit .closed-placeholder {
	display: none;
	width: 100%;
	height: 100%;
	margin: 0 auto;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	background-image: url(../im/overlay-closed.png);
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
}
.melody .tone .item .image.closed .fit .closed-placeholder {display: block;}
.melody .tone .item .image img.advert {max-width: 600px;}
.melody .tone .item a {color: #000000;}
.melody .tone .item .title .tag {
	display: none;
	margin: 10px 0 0 0;
}
body.home .melody .tone .item .title .tag {display: inline-block;}
.melody .tone .item .title .tag a {color: #74AA18;}

.melody .tone .item.sponsored .image {position: relative;}
.melody .tone .item.sponsored .sponsor-overlay {
	width: auto;
    margin: 0 auto;
    background-color: #73A917;
    color: #FFFFFF;
    position: absolute;
    top: 10px;
    right: -10px;
    padding: 10px 20px 10px 10px;
    box-shadow: 0 0 10px rgb(0,0,0,0.5);
}
.melody .tone .item.sponsored .sponsor-overlay .corner {
	width: 10px;
	height: 10px;
	margin: 0 auto;
	background-color: #5C8322;
	position: absolute;
	bottom: -9.75px;
	right: 0;
	-webkit-clip-path: polygon(0% 0%, 100% 0%, 0% 100%, 0% 100%);
}

.melody .tone.introduction .fixed-width {
	width: 100%;
	max-width: 820px;
	text-align: center;
}
.melody .tone.introduction .copy {
	max-height: 60px;
	padding: 0 0 25px 0;
	overflow: hidden;
	position: relative;
}
.melody .tone.introduction.active .copy {max-height: 1000px;}
.melody .tone.introduction .copy .shadow {
	margin: 0 auto;
	position: absolute;
    bottom: 0;
    left: -230px;
}
.melody .tone.introduction .button {
	width: auto;
	display: inline-block;
	height: 40px;
	padding: 5px 20px 0 20px;
	margin: 10px 0 0 0;
	border: 1px solid #707070;
	background-color: #FFFFFF;
	clear: both;
	cursor: pointer;
	box-sizing: border-box;
}
.melody .tone.introduction .button p {font-weight: 600;}
.melody .tone.introduction.active .button p.more,
.melody .tone.introduction .button p.less {display: none;}
.melody .tone.introduction.active .button p.less {display: block;}

.melody .tone.column-1 > .fixed-width > a {
	color: #000000;
	display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
    align-content: flex-start;
}
.melody .tone.column-1 .image {
	flex: 1 1 40%;
	align-self: auto;
	margin-right: 20px;
	float: left;
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	background-color: #D1D1D1;
}
.melody .tone.column-1 .image .fit {
	width: fit-content;
	height: 100%;
    text-align: center;
    margin: 0 auto;
    position: relative;
}
.melody .tone.column-1 .image .fit .closed-placeholder {
	display: none;
	width: 100%;
	height: 100%;
	margin: 0 auto;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	background-image: url(../im/overlay-closed.png);
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
}
.melody .tone.column-1 .image.closed .fit .closed-placeholder {display: block;}
.melody .tone.column-1 .image img {
	width: 100%;
	height: auto;
	float: left;
}
.melody .tone.column-1 .copy {
	flex: 1 1 40%;
	align-self: auto;
	float: left;
}
.melody .tone.column-1 .copy .category {
	padding: 10px 0 20px 0;
	border-top: 1px solid #000000;
}
.melody .tone.column-1 .copy .title {margin: 20px 0;}
.melody .tone.column-1 .copy .button {
	width: auto;
	height: 40px;
	float: left;
	padding: 8px 20px 0 20px;
	margin: 20px 0 0 0;
	background-color: #73AA17;
	clear: both;
	box-sizing: border-box;
}
.melody .tone.column-1 .copy .button p {font-weight: 500;}

.melody .tone.column-2 .item {flex: 1 1 40%;}
.melody .tone.column-2 .item:nth-child(2n+2) {margin-right: 0px;}

.melody .tone.column-3 .item {flex: 1 1 30%;}
.melody .tone.column-3 .item:nth-child(3n+3) {margin-right: 0px;}

.melody .tone.column-4 .item {flex: 1 1 20%;}
.melody .tone.column-4 .item:nth-child(4n+4) {margin-right: 0px;}

.melody .tone.child-category .item {flex: 1 1 20%;}
.melody .tone.child-category .item:nth-child(1n+5) {flex: 1 1 40%;}
.melody .tone.child-category .item:nth-child(2n+4) {margin-right: 0px;}

.melody .tone.carousel .slick-track {display: flex !important;}
.melody .tone.carousel .item {
	width: 295px !important;
	height: inherit !important;
	margin-right: 10px;
	margin-left: 10px;
	margin-bottom: 0px;
}
.melody .tone.carousel .item:nth-child(1) {margin-left: 0px;}

.melody .tone .label {
	text-align: center;
	overflow: hidden;
}
.melody .tone.recommend .label {padding: 0 0 10px 0;} 
.melody .tone .label .fixed-width {overflow: hidden;}
.melody .tone .label h6 {
	line-height: 1;
	overflow: hidden;
}
.melody .tone .label h6:before,
.melody .tone .label h6:after {
	width: 50%;
    border-top: 0px solid #000000;
    content: "";
    display: inline-block;
    position: relative;
    vertical-align: middle;    
}
.melody .tone .label h6:before {
    right: 20px;
    margin-left: -50%;
}
.melody .tone .label h6:after {
    left: 20px;
    margin-right: -50%;
}
.melody .tone .label.continue h6:before,
.melody .tone .label.continue h6:after {border: 0px;}

.melody .tone.recommend {text-align: center;}
.melody .tone.recommend .banner {text-align: center;}
.melody .tone.recommend .banner img {
	max-width: 100%;
	height: auto;
	float: left;
}
.melody .tone.recommend .banner .mobile {
	display: none;
	float: none;
}

.melody .tone.reveal {
	background-color: transparent;
	padding: 0px;
	position: static;
	z-index: 0;
}
.melody .tone.reveal .letterbox {
	position: relative;
	text-align: center;
}
.melody .tone.reveal .letterbox .size img {
	opacity: 0;
	width: auto;
	max-width: 100%;
	height: auto;
	max-height: 100vh;
	margin: 0 auto;
	display: block;
}
.melody .tone.reveal .letterbox .size .mobile {display: none;}
.melody .tone.reveal .shadow-top,
.melody .tone.reveal .shadow-bottom {
	height: 20px;
	margin: 0 auto;
	background-position: center;
	background-repeat: repeat;
	position: absolute;
	z-index: 1;
}
.melody .tone.reveal .shadow-top {top: 0;}
.melody .tone.reveal .shadow-bottom {bottom: 0;}
.melody .tone.reveal .label {
	padding: 0 0 20px 0;
	background-color: #FFFFFF;
	position: relative;
    z-index: 1;
}
.melody .tone.reveal .label.continue {padding: 20px 0 0 0;}

.melody .tone.reveal.googleads {background-color: #FFFFFF;}
.melody .tone.reveal.googleads .letterbox {height: 768px;}
.melody .tone.reveal.googleads .letterbox .size {
    margin: 0 auto;
    position: fixed;
    top: 50%;
    transform: translateY(-50%);
    left: 0;
    right: 0;
    z-index: 0;
}

.melody .alm-load-more-btn {
	width: 50% !important;
	height: 40px !important;
	margin: 0 auto !important;
	padding: 0 20px !important;
	border: 0px !important;
	border-radius: 0px !important;
	color: #FFFFFF !important;
	background-color: #73AA17 !important;
	text-transform: uppercase !important;
	font-size: 18px !important;
	font-weight: 500 !important;
	line-height: 1.25 !important;
}
.melody .alm-load-more-btn:before {
	background-image: none !important;
	background-color: transparent !important;
}
.melody .alm-btn-wrap {
	padding: 0px !important;
	clear: both !important;
	text-align: center !important;
}
.melody .alm-btn-wrap.mobile {
	display: none;
	margin: 0 0 20px 0;
}
.melody .alm-listing .alm-reveal {
	width: 100% !important;
	float: left !important;
	display: flex !important;
	flex-direction: row !important;
	flex-wrap: wrap !important;
	justify-content: space-between !important;
	align-content: flex-start !important;
}
.melody .alm-listing .alm-reveal:after {width: auto !important;}

.fixed-ad {
	height: 100vh;
	margin: 0 auto;
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	z-index: -1;
}
.fixed-ad img {
	width: auto;
	max-width: 100%;
	height: auto;
	max-height: 100vh;
	margin: 0 auto;
	position: fixed;
	top: 50%;
    transform: translateY(-50%);
	left: 0;
	right: 0;
	z-index: -1;
}
.fixed-ad img.mobile {display: none;}

.melody .tone.quicklinks .boxes {
	width: 100% !important;
    float: left !important;
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: wrap !important;
    justify-content: space-between !important;
    align-content: flex-start !important
}
.melody .tone.quicklinks .boxes .box {
	flex: 1 1 30%;
    float: left;
    margin-right: 20px;
    position: relative;
}
.melody .tone.quicklinks .boxes .box:nth-last-child(1) {margin: 0 auto;}
.melody .tone.quicklinks .boxes .box .image {
	position: relative;
	background-position: center;
	background-size: cover;
	background-repeat: no-repeat;
}
.melody .tone.quicklinks .boxes .box .image img {
	width: 100%;
	height: auto;
	float: left;
}
.melody .tone.quicklinks .boxes .box .image .gradient {
	width: 100%;
	height: 100%;
	margin: 0 auto;
	position: absolute;
	background-image: url(../im/quicklinks-bg.png);
	background-position: bottom center;
	background-repeat: repeat-x;
	background-size: auto;
}
.melody .tone.quicklinks .boxes .box .title {
	padding: 20px;
	margin: 0 auto;
	position: absolute;
	bottom: 0px;
}

/* /Melody */


/* Home */

.home-title {
	height: 250px;
	padding: 50px 0;
	margin: 0 0 100px 0;
	text-align: center;
	background-image: url(../im/home-title-bg.jpg);
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	box-sizing: border-box;
}
.home-title img {
	width: 400px;
	max-width: 80%;
	height: auto;
	margin: 0 auto;
}

.home-hero {
	background-color: #FFFFFF;
	position: relative;
	z-index: 1;
}
.home-hero .carousel {
	opacity: 0;
    visibility: hidden;
	height: 750px;
}
.home-hero .carousel.slick-initialized {
	opacity: 1;
    visibility: visible;
}
.home-hero .carousel .slick-slide {
	width: 100vw;
	height: 750px;
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	position: relative;
}
.home-hero .carousel .slick-slide a {
	display: block;
	width: 100%;
	height: 100%;
	float: left;
}
.home-hero .carousel .slick-slide .image {
	display: none;
	margin: 0 0 10px 0;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}
.home-hero .carousel .slick-slide .image img {
    width: 100%;
    height: auto;
    float: left;
}
.home-hero .carousel .slick-slide .fixed-width {
	max-width: 100%;
	height: 100%;
	position: relative;
}
.home-hero .carousel .slick-slide .title {
	height: 120px;
	margin: 0 auto;
	background-color: #FAFAFA;
	text-align: center;
	position: absolute;
	bottom: 20px;
	left: 0;
	right: 0;
	opacity: 0.9;
}
.home-hero .carousel .slick-slide .title h2 {
	color: #000000;
	padding: 0 20px;
	margin: 0 auto;
	position: absolute;
	top: 50%;
    transform: translateY(-50%);
    left: 0;
    right: 0;
}
.home-hero .carousel ul.slick-dots {
	width: 1280px;
	max-width: 100%;
    margin: 0 auto;
    padding: 0 20px;
    text-align: right;
    position: relative;
    bottom: 215px;
    box-sizing: border-box;
}
.home-hero .carousel ul.slick-dots li {    
	width: 10px;
    height: 10px;
    display: inline-block;
    margin: 0 0 0 12.5px;
}
.home-hero .carousel ul.slick-dots li button {
    width: 10px;
    height: 10px;
    float: left;
    padding: 0px;
    text-indent: -10000px;
    background: #8C9791;
    border: 0px;
    color: transparent;
    border-radius: 100%;
}
.home-hero .carousel ul.slick-dots li.slick-active button {
    background: #FFFFFF;
    color: #FFFFFF;
}
.home-hero .carousel button.slick-prev {
	margin: 0 auto;
	left: -100px;
	right: -1190px;
	top: auto;
	bottom: 140px;
}
.home-hero .carousel button.slick-next {
	margin: 0 auto;
	left: 0;
	right: -1190px;
	top: auto;
	bottom: 140px;
}

/* /Home */


/* Search */

.search .bar {margin: 20px 0 0 0;}
.search .bar form {
	width: 310px;
	margin: 0 auto;
	position: relative;
}
.search .bar form label {display: none;}
.search .bar form input[type=email],
.search .bar form input[type=text] {
	width: 100%;
	height: 40px;
	float: left;
    padding: 10px 40px 10px 10px;
    border: 0px;
    border-radius: 0;
    font-size: 16px;
    text-transform: uppercase;
    border: 1px solid #000000;
    box-sizing: border-box;
}
.search .bar form input[type=submit] {
	width: 40px;
	height: 40px;
	margin: 0 auto;
	border: 0px;
	border-radius: 0;
    color: #000000;
    text-indent: -999px;
	background-image: url(../im/icon-search-white.png);
	background-size: 20px 20px;
	background-position: center;
	background-repeat: no-repeat;
	background-color: #000000;
	position: absolute;
	top: 0;
	right: 0;
	cursor: pointer;
}

/* /Search */


/* Tapered */

.tapered {
	width: 860px;
	max-width: 100%;
	margin: 0 auto;
	padding: 0 20px;
	box-sizing: border-box;
}
.tapered a {color: #74AA18;}
.tapered hr {
	width: 100%;
	float: left;
}
.tapered p,
.tapered h2,
.tapered h3,
.tapered h4,
.tapered h5,
.tapered h6,
.tapered ul,
.tapered ol,
.tapered li {
	width: 100%;
	max-width: 100%;
	float: left;
}
.tapered p,
.tapered ul,
.tapered ol {margin: 0 0 20px 0;}
.tapered h2,
.tapered h3,
.tapered h4,
.tapered h5,
.tapered h6 {margin: 20px 0;}
.tapered img {
	max-width: 100%;
	height: auto;
	margin: 0 auto;
	padding: 20px 0;
	display: block;
}
.tapered img.alignleft {
    float: left;
    padding: 0 20px 0 0;
}
.tapered iframe {
	max-width: 100% !important;
	margin: 0 auto !important;
	margin-top: 20px !important;
	margin-bottom: 20px !important;
	display: block !important;
}
.tapered ul li {
	width: auto;
	clear: both;
	margin: 0 0 10px 20px;
	list-style: disc;
}
.tapered ol li {
	width: auto;
	clear: both;
	margin: 0 0 10px 20px;
	list-style: decimal;
}
.tapered input[type="radio"] {
	-webkit-appearance: radio;
	margin-right: 10px;
}
.tapered input[type="text"] {
	-webkit-appearance: textfield;
	width: 300px;
    height: 40px;
    float: left;
    padding: 10px 40px 10px 10px;
    border: 1px solid #D1D1D1;
    border-radius: 0;
    font-size: 16px;
    box-sizing: border-box;
}
.tapered input[type="checkbox"] {
	-webkit-appearance: checkbox;
	margin-right: 10px;
}
.tapered input[type="submit"] {
    display: block;
    height: 40px;
    margin: 0 auto;
    margin-top: 20px;
    margin-bottom: 20px;    
    padding: 0 20px;
    border: 0px;
    border-radius: 0px;
    color: #FFFFFF;
    background-color: #73AA17;
    text-transform: uppercase;
    font-size: 18px;
    font-weight: 500;
    line-height: 1.25;
}
.tapered select {
	width: 300px;
	height: 40px;
	background-color: transparent;
    border-color: #D1D1D1;
}
.tapered .amf-el {
	width: 100%;
    float: left;
	margin: 0 0 20px 0;
}
.tapered .amf-el.competition-question {margin: 0 auto;}
.tapered .amf-el.competition-question h4 {font-size: 30px;}
.tapered .amf-el.competition-answer {
	padding: 20px;
	background-color: #ECECEC;
    box-sizing: border-box;
}
.tapered .competition-closed {
	padding: 0 0 20px 0;
	text-align: center;
}

.tapered .competition-tandcs p {
	font-size: 12px;
}

/* /Tapered */


/* Modern */

.modern .featured {
	text-align: center;
	padding: 0 0 40px 0;
	background-color: #FFFFFF;
    position: relative;
    z-index: 1;
}
.modern .featured .fit {
	width: fit-content;
    text-align: center;
    margin: 0 auto;
    position: relative;
}
.modern .featured .fit .closed-placeholder {
	display: none;
	width: 100%;
	height: 100%;
	margin: 0 auto;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	background-image: url(../im/overlay-closed.png);
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
}
.modern .featured.closed .fit .closed-placeholder {display: block;}
.modern .featured img {
	max-width: 1240px;
	height: auto;
	margin: 0 auto;
	display: block;
}
.modern .banner {
	padding: 40px 0;
	text-align: center;
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	position: relative;
}
.modern .banner img {
	width: 400px;
	max-width: 50%;
	height: auto;
	margin: 0 auto;
}
.modern .title {
	padding: 40px 0;
	text-align: center;
}
.modern .layout {
	padding: 0 0 20px 0;
	background-color: #FFFFFF;
    position: relative;
    z-index: 1;
}

.modern .layout.l-excerpt {
	text-align: center;
	padding: 0 0 40px 0;
}

.modern .layout.l-pullquote h2 {margin: 0 0 20px 0;}

.modern .layout.l-image {padding: 0 0 40px 0;}
.modern .layout.l-image img {padding: 0px;}
.modern .layout.l-image p {
	margin: 10px 0 0 0;
    text-align: center;
    font-size: 14px;
}

.modern .layout.l-gallery .list {
	display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
    align-content: flex-start;
}
.modern .layout.l-gallery .list .item {
	flex: 1 1 20%;
	float: left;
	text-align: center;
	margin-bottom: 20px;
	margin-right: 20px;
}
.modern .layout.l-gallery .list .item:nth-last-child(1) {margin-right: 0px;}
.modern .layout.l-gallery .list .item img {
	width: auto;
	max-width: 100%;
	height: auto;
	padding: 0px;
	margin: 0 auto;
	display: block;
}
.modern .layout.l-gallery .list .item p {
	margin: 10px 0 0 0;
	font-size: 14px;
}

.modern .layout.l-carousel {
	text-align: center;
	padding: 0 0 40px 0;
}
.modern .layout.l-carousel button.slick-prev, 
.modern .layout.l-carousel button.slick-next {
	top: 50%;
    transform: translateY(-50%);
}
.modern .layout.l-carousel img {padding: 0 0 10px 0;}
.modern .layout.l-carousel p {
	margin: 0 auto;
	text-align: center;
	font-size: 14px;
}

.modern .layout.l-buttons {
	padding: 0 0 40px 0;
	text-align: center;
}
.modern .layout.l-buttons .list .item {
    float: left;
    box-sizing: border-box;
}
.modern .layout.l-buttons .list.count-1 .item {
	float: none;
	display: inline-block;
}
.modern .layout.l-buttons .list.count-2 .item {
	width: 47.5%;
	margin: 0 5% 0 0;
}
.modern .layout.l-buttons .list.count-3 .item {
	width: 30%;
	margin: 0 5% 0 0;
}
.modern .layout.l-buttons .list .item:nth-last-child(1) {margin: 0 auto;}
.modern .layout.l-buttons .list .item .button {
	padding: 10px 20px;
    background-color: #73AA17;
}
.modern .layout.l-buttons .list .item p {
	margin: 0 auto;
	line-height: 1.2;
}
.modern .layout.l-buttons .list .item p.CTA {margin: 0 0 10px 0;}

.modern .layout.l-subscriptionsavings .item {margin: 0 0 10px 0;}
.modern .layout.l-subscriptionsavings .item .flag {
	float: left;
	margin: 2px 10px 0 0;
}
.modern .layout.l-subscriptionsavings .item .flag img {
	width: 20px;
	height: 20px;
	padding: 0px;
}
.modern .layout.l-subscriptionsavings .item .text {float: left;}
.modern .layout.l-subscriptionsavings .item .text p {margin: 0 auto;}

.modern .layout.l-affiliatelinks .buttons {text-align: center;}
.modern .layout.l-affiliatelinks .buttons a {
	display: inline-block;
	margin: 0 20px 20px 0;
}
.modern .layout.l-affiliatelinks .buttons .button {
    width: auto;
    height: 40px;
    float: left;
    padding: 6px 20px 0 20px;
    clear: both;
    pointer-events: none;
    box-sizing: border-box;
}
.modern .layout.l-affiliatelinks .buttons .button.colour-green {background-color: #73AA17;}
.modern .layout.l-affiliatelinks .buttons .button.colour-purple {background-color: #823F91;}
.modern .layout.l-affiliatelinks .buttons .button.colour-pink {background-color: #E6007E;}
.modern .layout.l-affiliatelinks .buttons .button p {margin: 0 auto;}
.modern .layout.l-affiliatelinks .buttons a:hover .button {background-color: #333333;}

/* /Modern */