/*!
Theme Name: The Campaigner
Theme URI: http://underscores.me/
Author: Digital Barn
Author URI: http://digitalbarn.com.au
Description: Theme Developed for The Campaigner Magazine, January 2018.
Version: 2.0.0
*/

@import url('https://fonts.googleapis.com/css2?family=PT+Sans+Narrow:wght@400;700&family=PT+Sans:ital,wght@0,400;0,700;1,400;1,700&display=swap');

img {
	max-width: 100%;
	height: auto;
}

figure {
	max-width: 100%;
}

body {
	background: #eee;
	font-family: 'PT Sans', sans-serif;
	color: #1f1f1f;
}

#page {
	background: white;
    margin: 50px 0;
}

#masthead {
	padding: 20px 20px 0;
	border-bottom: #ff5a00 4px solid;
}

#masthead .site-branding a {
	max-width: 400px;
	display: block;
}

#content {
    padding: 30px;
}

.entry-header h2, .entry-header h1 {
	margin-top: 0;
	font-weight: bold;
	margin-bottom: 0.25em;
}

.entry-header h2 a {
	color: inherit;
}

.entry-content h2:first-child {
	margin-top: 0;
}

.entry-meta {
    font-size: 0.8em;
    font-weight: bold;
    margin-bottom: 0.75em;
}

article.teaser {
    padding-bottom: 1.25em;
    border-bottom: 2px solid #ccc;
    margin-bottom: 1.25em;
}

h1 {
    font-weight: bold;
    margin: 1em 0 0.25em;
}

.entry-header a,
.entry-content a {
	color: #D14900;
	text-decoration: underline;
}

.thumb {
	position: relative;
}

.thumb span {
    position: absolute;
    z-index: 100;
    background: #ff5a00;
    color: white;
    padding: 2px 7px;
    font-weight: bold;
    text-transform: uppercase;
    top: 10px;
    left: -10px;
    font-size: 0.8em;
}

#primary-menu {
	list-style: none;
	margin: 0;
	padding: 0;
}

#primary-menu li {
	display: inline-block;
}

#primary-menu li a {
    color: inherit;
    font-weight: bold;
    font-size: 1.75em;
    padding: 8px 0;
	margin: 0 15px 0 8px;
}

#primary-menu li.current-menu-item a, #primary-menu li.current-menu-parent a {
	color: #ff5a00
}

#primary-menu li ul {
	
}

#primary-menu lu ul li {
	
}

#primary-menu lu ul li a {
	
}

.entry-content {
	font-size: 1.25em;
}

article.teaser .entry-content {
    font-size: 1.1em;
}




a.skip-link {
    left:-999px;
    position:absolute;
    top:auto;
    width:1px;
    height:1px;
    overflow:hidden;
    z-index:-999;
}
a.skip-link:focus, a.skip-link:active {
    color: #fff;
    background-color: #000;
    left: auto;
    top: auto;
    width: 280px;
    height: auto;
    overflow: auto;
    margin: 10px auto;
    padding: 5px;
    border-radius: 15px;
    text-align: center;
    font-size: 1.2em;
    z-index: 999;
    left: 0;
    right: 0;
}


#header-feature .row {
	margin-left: 0;
	margin-right: 0;
}

#header-feature .col-lg-1, #header-feature .col-lg-10, #header-feature .col-lg-11, #header-feature .col-lg-12, #header-feature .col-lg-2, #header-feature .col-lg-3, #header-feature .col-lg-4, #header-feature .col-lg-5, #header-feature .col-lg-6, #header-feature .col-lg-7, #header-feature .col-lg-8, #header-feature .col-lg-9, #header-feature .col-md-1, #header-feature .col-md-10, #header-feature .col-md-11, #header-feature .col-md-12, #header-feature .col-md-2, #header-feature .col-md-3, #header-feature .col-md-4, #header-feature .col-md-5, #header-feature .col-md-6, #header-feature .col-md-7, #header-feature .col-md-8, #header-feature .col-md-9, #header-feature .col-sm-1, #header-feature .col-sm-10, #header-feature .col-sm-11, #header-feature .col-sm-12, #header-feature .col-sm-2, #header-feature .col-sm-3, #header-feature .col-sm-4, #header-feature .col-sm-5, #header-feature .col-sm-6, #header-feature .col-sm-7, #header-feature .col-sm-8, #header-feature .col-sm-9, #header-feature .col-xs-1, #header-feature .col-xs-10, #header-feature .col-xs-11, #header-feature .col-xs-12, #header-feature .col-xs-2, #header-feature .col-xs-3, #header-feature .col-xs-4, #header-feature .col-xs-5, #header-feature .col-xs-6, #header-feature .col-xs-7, #header-feature .col-xs-8, #header-feature .col-xs-9 {
	padding-left: 0;
	padding-right: 0;
}

.row {
	margin-bottom: 15px;
}

.anythingSlider-default {
	padding: 0 !important;
}

.anythingSlider-default .anythingWindow {
	border: none !important;
}

#slider-holder {
	padding-top: 50%;
	position: relative;
}

#slider-size {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.panel {
    margin-bottom: 0;
    background-color: #fff;
    border: none;
    border-radius: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.panel h2 {
    background: rgba(0,0,0,0.75);
    color: white;
    padding: 20px;
    position: absolute;
    bottom: 0;
    left: 0;
    margin: 0;
    max-width: 75%;
    font-weight: bold;
    font-size: 1.75em;
    -webkit-border-radius: 0 20px 0 0;
    border-radius: 0 20px 0 0;
}

.slide-holder {
	position: relative;
}

.anythingSlider-default .anythingControls ul.thumbNav {
    position: absolute;
    bottom: 0;
    right: 0;
    padding: 10px;
    margin: 0;
}

.anythingSlider-default.activeSlider .anythingControls a {
	background: white;
	text-indent: -5000px;
	-webkit-border-radius: 20px;
	border-radius: 20px;
	    width: 0;
    height: 0;
    padding: 10px;
}

.anythingSlider-default.activeSlider .anythingControls a.cur, .anythingSlider-default.activeSlider .anythingControls a:hover {
	background: #ff5a00;
}

.single-product div.product {
	width: 100%;
}


.woocommerce div.product form.cart .variations td.label {
	display: none;
}

.summary.entry-summary h2 {
    display: none;
}


.woocommerce .products ul, .woocommerce ul.products {
width: 100%;
}

section.related.products {
    clear: both;
}

body .woocommerce-message, body .woocommerce-info, body .woocommerce-error, body .woocommerce-noreviews, body p.no-comments {
    content: "";
    display: table;
    table-layout: fixed;
    background-color: #ff5a00 !important;
    clear: both;
    width: 100%;
    color: white;
    font-weight: bold;
    border: none;
    -webkit-border-radius: 10px;
    border-radius: 10px;
}

.woocommerce-message::before {
color: white;
}

.woocommerce-page .woocommerce-message .button {
    padding: 0;
    background: transparent;
    color: white;
    text-decoration: underline;
    margin: 4px 0;
}

.woocommerce-page .woocommerce-message .button:after {
content: "\00BB";
}

.post-navigation {
	display: none;
}

footer.site-footer {
background: #1f1f1f;
border-top: 5px solid #ff5a00;
padding: 30px 30px;
	color: white;
}

footer h3 {
    color: white;
    font-weight: bold;
    margin: 0 0 0.75em;
}

footer ul {
	list-style: none;
	margin: 0 0 1.5em;
	padding: 0;
}

footer ul li {

}


footer ul li a {
	color: inherit;
}


footer p {

}

footer select {
color: #1f1f1f;
}



body.single-product div.product .woocommerce-product-gallery.woocommerce-product-gallery--columns-4 .flex-control-thumbs li {
    width: 25%;
}

.woocommerce #content div.product div.images, .woocommerce div.product div.images, .woocommerce-page #content div.product div.images, .woocommerce-page div.product div.images {
    width: 40%;
}

.woocommerce #content div.product div.summary, .woocommerce div.product div.summary, .woocommerce-page #content div.product div.summary, .woocommerce-page div.product div.summary {
    float: right;
    width: 56%;
}

.woocommerce div.product p.price, .woocommerce div.product span.price {
    font-weight: bold;
    margin: 0 0 1em;
    color: #ff5a00;
    display: block;
}

.product_meta {
display: none;
}

#primary-menu {
position: relative;
}

#primary-menu li.menu-item-3041 {
    position: absolute;
    right: 0;
}

#primary-menu li.menu-item-3041 a {
    background: #ff5a00;
    padding: 6px 12px;
    color: white;
    margin: 0;
}

form.woocommerce-form.woocommerce-form-login.login {
    max-width: 370px;
    margin: auto;
}

#topbar {
display: none;
}


body.page-template-page-full #secondary {
display: none;
}

.woocommerce #respond input#submit.alt, .woocommerce a.button.alt, .woocommerce button.button.alt, .woocommerce input.button.alt {
    background-color: #2f2f2f !important;
}

table.shop_table_responsive tr td.product-remove a {
    text-align: center !important;
}

.nav-links a {
    background: #ff5a00;
    padding: 6px 12px;
    color: white;
    margin: 0;
    font-weight: bold;
    font-size: 1.5em;
    text-transform: uppercase;
}

.nav-links div {
float: left;
width: 50%;
}

.nav-next {
text-align: right;
}

.site-footer ul.products li.product {
margin-bottom: 0 !important;
}



figcaption {
    margin: 0.5em 0;
    font-size: 0.75em;
    color: #C1480B;
}

#commentform label {
    display: block;
}

#commentform input,
#commentform textarea {
    display: block;
    width: 100%;
}

#commentform .form-submit input#submit {
    display: inline-block;
    background: #ff5a00;
    padding: 15px;
    color: #fff;
    font-size: 1.5em;
    font-weight: bold;
    text-transform: uppercase;
    border: none;
}

.author-bar {
    position: relative;
    min-height: 90px;
}

.post-footer {
    margin-top: 2em;
    margin-bottom: 2em;
    text-align: center;
}

.author-bar h3 {
    margin: 0;
}

span.author-badge {
    background: #ff5a00;
    display: block;
    aspect-ratio: 1;
    border-radius: 500px;
    max-width: 100%;
    width: 90px;
    position: relative;
    margin: 0 auto 1em;
}

span.author-badge img {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 80%;
    transform: translate(-50%,-50%);
    filter: brightness(50);
}

.author-bar a {
    background: #ff5a00;
    color: white;
    font-weight: bold;
    display: inline-block;
    padding: 5px 20px;
    border-radius: 100px;
}

.tag-links, .category-links {
    list-style: none;
    margin: 0 0 1em;
    padding: 0;
}

.tag-links li, .category-links li {
    display: inline-block;
}

.tag-links li a, .category-links li a {
    background: #1f1f1f;
    position: relative;
    display: inline-block;
    padding: 3px 6px;
    color: white;
    font-weight: bold;
    text-transform: uppercase;
    font-size: 0.9em;
    margin: 0 0.25em 0.25em calc(10px + 0.25em);
}

.tag-links li a:before {
    content: '';
    position: absolute;
    border-right: #1f1f1f solid 12px;
    border-top: 12px transparent solid;
    border-bottom: 12px transparent solid;
    right: 100%;
    top: 50%;
    transform: translate(0, -50%);
    height: 100%;
}

.tag-links li a:after {
    content: '';
    background: white;
    position: absolute;
    right: 100%;
    top: 50%;
    width: 5px;
    height: 5px;
    border-radius: 30px;
    transform: translate(0,-50%);
}

.post-footer h4 {
    font-weight: bold;
}

.post-footer h4 a {
    color: inherit;
    text-decoration: underline;
}

.post-footer {
    margin-top: 2em;
    margin-bottom: 2em;
}

.author-profile {
    margin-bottom: 2em;
}

.embedwrapper {
	position: relative;
    padding-top: 56%;
    margin-bottom: 1.5em;
}

.embedwrapper iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}



@media screen and (min-width: 768px) {
    
    
 .author-bar {
    padding-left: calc(90px + 1em);
 }
 
 .post-footer {
    text-align: left;
 }
   
   span.author-badge {
    position: absolute;
    left: 0;
    top: 50%;
    transform: translate(0, -50%);
    }
    
}