/*
Theme Name: 	Black Onyx
Theme URI: 		http://www.redcandy.com.au
Description: 	Black Onyx
Version: 		1.0
Author: 		John Rah
Author URI: 	http://www.redcandy.com.au
Tags: 			Black Onyx
*/


/*
===========================
    COLOURS
    Black/Grey : #231F20
    Gold:        #FAD000
    */


/*
===========================
CONTENTS:

01 Sensible defaults
02 Typography
03 Media queries 
===========================
*/

/* ---------------------------------------------------------------------------------------------------------- 
01 Sensible defaults ----------------------------------------------------------------------------------------
---------------------------------------------------------------------------------------------------------- */

@import "css/reset.css";

div,
article,
section,
header,
footer,
nav,
li					{ position:relative; /* For absolutely positioning elements within containers (add more to the list if need be) */ }
.group:after 		{ display:block; height:0; clear:both; content:"."; visibility:hidden; /* For clearing */ }
body 				{ background:#ccc; background-image: url('images/bg.jpg'); background-repeat:repeat; }
::-moz-selection 	{ background:#ff0; color:#333; }
::selection 		{ background:#ff0; color:#333; }

/* ---------------------------------------------------------------------------------------------------------- 
02 Typography -----------------------------------------------------------------------------------------------
---------------------------------------------------------------------------------------------------------- */
/*

14 / 16	= 		0.875em 		(14px equivalent)
16 / 16	= 		1em 			(16px equivalent)
18 / 16 = 		1.125em 		(18px equivalent)
21 / 16 = 		1.3125em 		(21px equivalent)
24 / 16 = 		1.5em 			(24px equivalent)
30 / 16 = 		1.875em 		(30px equivalent)

*/

body,
input,
textarea 			{ font-family: 'Times New Roman', serif;
                       color: #231F20;
                       font-size: 13px;
                       font-style:italic;

}

h1, 
h2, 
h3, 
h4, 
h5, 
h6 					{ font-weight:bold; /* This helps to identify headings at the initial build stage, but you should write something more precise later on */ }


h2 {
    font-size: 26px;
    text-align: center;
    margin-top: 26px;
    margin-bottom: 30px;
}

h3 {
    font-size: 22px;
    font-weight: normal;
    text-align: center;
    margin-top: 20px;
    margin-bottom: 20px;
}

h4 {
    color: #888;
    padding-bottom: 10px;
}
/* ---------------------------------------------------------------------------------------------------------- 
03 Site Styles  ------------------------------------------------------------
---------------------------------------------------------------------------------------------------------- */

.blogPost {
    font-style: normal;
}

.blogPost h2 {
    font-size: 26px;
    text-align: left;
    margin-top: 26px;
    margin-bottom: 30px;
    font-style:italic;
}



/** page elements **/

article p {
    margin-bottom: 20px;
}

a:link, a:visited {
    text-decoration: none;
    font-style: italic;
    color: black;
    font-weight: bold;
}

a:hover {
    color: #FAD000;
}

article {
    font-size: 12px;
}

article a:link, article a:visited {
    text-decoration:underline;
    font-style: italic;
    color: #957A00;
    font-weight: normal;
}

article a:hover {
    color: #342F31;
}
article ul li {
    list-style: disc;
    list-style-position:inside;
    padding-bottom: 5px;
}


.site-header {
    width: 960px;
    margin-left: auto;
    margin-right: auto;
    z-index: 1000;
    overflow: hidden;
    height: 250px;
}

.boLogo {
    display: block;
    position: absolute;
    width: 191px;
    height: 151px;
    background-image: url('/wp-content/themes/BlackOnyx/images/logo.png');
    z-index: 1000;
    top: 72px;
    left: 50%;
    margin-left: -478px;
}

.page-content {
    width: 960px;
    margin-left: auto;
    margin-right: auto;
    margin-top: -70px !important;
}

.home .page-content{
    margin-top: 0px !important;
}

.older-posts .page-content {
    margin-top: 90px !important;
}

.home-text {
    font-weight: bold;
    position: absolute;
    display: block;
    width: 330px;
    height: 84px;
    top: 310px;
    left: 50%;
    margin-left: 105px;
    text-align: center;
}

img.alignright {
    text-align: right;
}

.aligncenter {
    text-align: center;
}

.alignleft {
    text-align: left;
}

.alignright {
    text-align: right;
}


/* contact page*/

.contact-text {
    position: absolute;
    display: block;
    width: 430px;
    height: 84px;
    top: 200px;
    left: 50%;
    margin-left: -120px;
    text-align: left;
    font-style: italic;
    font-size: 13px;
}

.wpcf7-text,  .wpcf7-textarea {
    margin-bottom: 10px;
    margin-left: 5px;
    font-style: italic;
    font-size: 13px;
}


.wpcf7-submit {
    text-align: right;
    background-color: transparent;
    border: none;
    font-size: 14px;
    font-style: italic;
    font-weight: bold;
    padding-left: 10px;
}

.wpcf7-form {
    text-align: right;
}


.site-footer {
    width: 960px;
    height: 135px;
    margin-left: auto;
    margin-right: auto;
    background-image: url('/wp-content/themes/BlackOnyx/images/footer.png');
    color: #aaa;
    font-size: 10px;
    line-height: 11px;
}

    .site-footer a:link, .site-footer a:visited {
        font-style: normal;
        font-weight: normal;
        color: #aaa;
    }

    .site-footer a:hover {
        color: #FAD000;
    }

.site-footer-content {
    font-family: 'Trebuchet MS', sans-serif;
    margin-left: 35px;
    padding-top: 20px;
}

.footer-search {
    width: 305px;
    padding: 6px 6px 6px 6px;
    border:none;
    font-size: 12px;
        font-family: Tahoma, sans-serif;
    color: #444;
        font-weight: bold;
}

#searchsubmit, .screen-reader-text {
    display: none;
}


/** Menu Styling **/

.menu {
    font-family: "Times New Roman",serif;
}


/* Navigation Menu */
.main-navigation {
	margin-top: 0px;
	/*text-align: center;*/
}
.main-navigation li {
	margin-top: 0px;
	font-size: 14px;
	font-size: 0.857142857rem;
}
.main-navigation a {
	color: #231F20;
    font-size: 14px;
}
.main-navigation a:hover {
	color: #231F20;
    text-decoration: none;
}
.main-navigation ul.nav-menu,
.main-navigation div.nav-menu > ul {
	display: none;
}
.main-navigation ul.nav-menu.toggled-on,
.menu-toggle {
	display: inline-block;
}

.main-navigation ul.nav-menu,
	.main-navigation div.nav-menu > ul {
		/*border-bottom: 1px solid #ededed;
		border-top: 1px solid #ededed;*/
		display: inline-block !important;
		text-align: left;
		
	}
	.main-navigation ul {
		margin: 0;
        padding: 0;
        /*padding-top: 2px;
        padding-bottom: 2px;*/
		text-indent: 0;
	}
	.main-navigation li a,
	.main-navigation li {
		display: inline-block;
		text-decoration: none;
	}
	.main-navigation li a {
		border-bottom: 0;
		color: #231F20;
        font-weight: bold;
		/*line-height: 3.692307692;*/
		text-transform:capitalize;
		white-space: nowrap;
        padding-left: 5px;
        padding-right: 5px;
        padding-top: 5px;
        padding-bottom: 8px;
        height: 30px;
	}
	.main-navigation li a:hover {
        text-decoration: none;
        background-image: url('/wp-content/themes/BlackOnyx/images/menu-tag.png');
        background-position: right bottom;
        background-repeat: no-repeat;
	}
	.main-navigation li {
		margin: 0 0 0 0;
		position: relative;
        
        
	}
	.main-navigation li ul {
		display: none;
		margin: 0;
		padding: 0;
		position: absolute;
		top: 100%;
		z-index: 1;
	}
	.main-navigation li ul ul {
		top: 0;
		left: 100%;
	}
	.main-navigation ul li:hover > ul {
		border-left: 0;
		display: block;
	}

    /* sub-menu */
	.main-navigation li ul li a {
		display: block;
		font-size: 11px;
		width: 180px;
		white-space: normal;
        text-transform: capitalize;
        text-align: left;
        padding-left: 10px;
        padding-bottom: 8px;
        height: 20px;
        background-color: rgba(180,180,180,0.9);
        /*margin-left: 16px;*/
	}
	.main-navigation li ul li a:hover {
		color: #231F20;
        text-decoration: none;
	}


	.main-navigation .current-menu-item > a,
	.main-navigation .current-menu-ancestor > a,
	.main-navigation .current_page_item > a,
	.main-navigation .current_page_ancestor > a {
		color: #231F20;
		font-weight: bold;
	}

    li.current-menu-item > a {
        font-weight: bold;
        font-style: italic;
        background-image: url('/wp-content/themes/BlackOnyx/images/menu-tag.png');
        background-position: right bottom;
        background-repeat: no-repeat;
    }

/* Calendar*/

#wp-calendar td {
    text-align: center;
    padding: 3px 3px 3px 3px;
}

/* Tweets */
.tweets {
    font-size: 9px;
    line-height: 12px;
    padding-right: 20px;
}
    .tweets li {
        display: block;
        border-bottom: 1px solid #000;
        word-break: break-word !important;
    }

        .tweets li a {
            color: black;
            text-decoration: none;
        }
            .tweets li a:hover {
                color: #FAD000;
                text-decoration: none;
            }

        .tweets li span {
            display: block;
        }
        .tweets li span a {
            color: #888;
            text-decoration: none;
        }

        .tweets li span a:hover {
            color: #231F20;
            text-decoration: none;
        }

/* blog */

.whatsnewentry {
    display: block;
    width: 217px;
    text-align: center;
    padding-bottom: 40px;
}

    .whatsnewentry h2 {
        font-size: 20px;
        line-height: 22px;
        margin-top: 10px;
        margin-bottom: 5px;
    }

    .whatsnewentry a:link, .whatsnewentry a:visited  {
        color: #231F20;
        text-decoration: none;
        font-weight: normal;
    }

    .whatsnewentry a:hover {
        color: #957A00;
    }

    .whatsnewentry img {
        -o-box-shadow:      3px 3px 10px #888;
-icab-box-shadow:   3px 3px 10px #888;
-khtml-box-shadow:  3px 3px 10px #888;
-moz-box-shadow:    3px 3px 10px #888;
-webkit-box-shadow: 3px 3px 10px #888;
box-shadow:         3px 3px 10px #888;
    }

.articleColumn {
    display: inline-block;
    vertical-align: top;
}
.acol0 {
   padding-right: 20px; 
}

.acol1, .acol2, .acol3 {
    border-left: 2px dashed #888;
    padding-left: 20px;
}

ol.menulist  {
    font-weight: bold;
    margin-top: 0px;
    padding-left: 20px;
}

    ol.menulist li.menulist:before {
        font-weight: bold;
    }

li.menulist {
    font-weight: normal;
    list-style:decimal; 
    list-style-position:outside;
}

.menulist + p{
    margin-top: 20px;
}

.maplistentry {float:left; padding-right:20px;}

/* WP Update Tweaks */
.sz_month {
    padding-right: 10px;
}

.stButton .stHBubble{
    max-height: 16px;
}

.page{
    overflow: hidden;
}




/*
#######################################
Responsive Styling
#######################################
*/

.header.menu-bottom{
    float: right;
    margin: 78px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    background-image: url('images/menu-bottom.png');
    background-repeat: no-repeat;
    background-position: right bottom;
}

.header .fb-wrapper{
    padding-left: 25px;
    text-align:right;
}

.header .instagram-wrapper{
    padding-right: 10px;
}

.header .site-navigation-wrapper{
    float: left;
    padding-bottom: 1px;
}

.header .social-icons{
    float: left;
}

.fb-wrapper,
.twitter-wrapper,
.instagram-wrapper{
    float: left;
}

.pg-wrapper{
    background-image: url("/wp-content/uploads/2013/07/home-splat.gif");
    background-repeat: no-repeat;
    background-position: center top;    
    margin-top: -180px !important;
    padding-top: 162px !important;
    float: none;
    clear:both;
    position: relative;
}

.home .pg-wrapper{
    
    /*margin-top: -52px;
    padding-top: 162px; */
}



/* Mobile Menu Styling */
.slicknav_nav li,
.slicknav_nav ul{
    border-bottom: 1px solid #121111;
}

.slicknav_nav a:hover,
.slicknav_nav .menu-item a:hover,
.slicknav_nav .slicknav_row:hover {
    background: #171717;
    color: #FAD000;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
}

.slicknav_nav li.current-menu-item > a{
    background-image: none;
}

.footer-col{
    float: left;
}

.footer-col.one{
    width: 90px;
}

.footer-col.two{
    width: 140px;
}

.footer-col.three{
    width: 110px;
}

.footer-col.four{
    width: 240px;
}

.footer-col.five{
    /*width: 310px;*/
    width: 322px;
    padding-top: 10px;
}

.footer-heading{
    margin-bottom: 10px;
}

.social-stats{
    text-align: right;
}

.cright{
    margin-top: 10px;
}



/* Home Page Styles */
.hm-hero-shot{
    background-image: url('/wp-content/uploads/2013/07/830RV-Black-Onyx-Web-Site_HOME_B_SUPPLY.gif');
    background-position: center center;
    background-repeat: no-repeat;  
}

.hm-hero-text {
    min-width: 958px;
    min-height: 339px
}

.hm-hero-text .textwidget{
    font-weight: bold;
    position: absolute;
    display: block;
    width: 330px;
    height: 84px;
    top: 149px;
    left: 50%;
    margin-left: 90px;
    text-align: center;
}

#home-hero-wrapper,
#home-text-snippet,
#home-boxes{
    margin: 0px !important;
}

#home-hero-wrapper{
    margin-bottom: 20px !important;    
}

#home-hero-mobile{
    display: none;
}

#home-text-snippet{
    padding-left: 40px;
    padding-right: 40px;
    margin-bottom: 0px !important;
}

#home-text-snippet .panel-grid-cell{
    padding: 0px !important;
}

#home-boxes .panel-grid-cell{
    padding: 0px !important;
}

#pgc-2-home-boxes-0{
    min-width: 21.45833%;
    max-width: 21.45833%;
    min-height: 233px;
}

#pgc-2-home-boxes-1{
    min-width: 2.29166%;
    max-width: 2.29166%;
    min-height: 233px;
}

#pgc-2-home-boxes-2{
    min-width: 25.729166%;
    max-width: 25.729166%;
    min-height: 233px;
}

#pgc-2-home-boxes-3{
    min-width: 1.979166%;
    max-width: 1.979166%;
    min-height: 233px;
}

#pgc-2-home-boxes-4{
    min-width: 24.270833%;
    max-width: 24.270833%;
    min-height: 233px;
}


#pgc-2-home-boxes-5{
    min-width: 2.8125%;
    max-width: 2.8125%;
    min-height: 233px;
}


#pgc-2-home-boxes-6{
    min-width: 21.45833%;
    max-width: 21.45833%;
    min-height: 233px;
}

.hm-box-1 .wp-image-64{
    margin-top: 15px;
}


/* Our Story Responsive Styles */
#our-story-hero-mobile{
    display: none;
}

#our-story-hero-shot{
    margin-bottom: 15px !important;
    margin-top: -70px !important;
}
    
#our-story-hero{
    margin-bottom: 10px !important;    
}

#our-story-responsive-hero-text{
    display: none;
}

#our-story-heading h2{
    margin-bottom: 0px;
}

#pgc-7-our-story-content-columns-1 #panel-7-4-1-0{
    margin-bottom: 0px !important;
}

#our-story-content-columns{
    background-image: url('/wp-content/uploads/2013/07/smallSplatpng.png');
    background-repeat: no-repeat;
    background-position: right bottom;
    margin-top: 0px;
    width: 960px;
    margin-bottom: 50px;
}

.our-story-content-col-1,
.our-story-content-col-2{
    max-width: 410px;   
}


/* Our Angus Styles */
#our-angus-hero-shot-responsive{
    display: none;
}

#our-angus-hero-shot{
    padding-right: 60px;
    margin-top: -100px;
    margin-bottom: 0px !important;
}

.our-angus .pg-wrapper{
    margin-top: 0px;
}

#our-angus-blurb-heading {
    font-size: 26px;
    text-align: center;
    padding-left: 50px;
}

#our-angus-blurb{
    padding-left: 216px;
    margin-bottom: 50px !important;
}

#our-angus-attributes{
    margin-left: 0px !important;
    margin-right: 0px !important;
    margin-bottom: 50px !important;
}

#our-angus-attributes #pgc-5-our-angus-attributes-0{
    min-width: 470px; /*484px;*/
    max-width: 470px; /*484px;*/ /*50.4166%;*/
    padding: 0px;
    margin: 0px;
}

#our-angus-attributes #pgc-5-our-angus-attributes-1{
    min-width: 476px;
    max-width: 476px; /*49.5834%;*/
    padding: 0px;
    margin: 0px;
}

#our-angus-attributes .angus-sum-wrapper{
    padding-bottom: 0px;
}


.our-angus-attributes-cell .panel-first-child{
    margin-bottom: 0px !important;   
}


.our-angus-attributes-details-row > div:first-child{
    min-width: 229px; /*47.2211%;*/
    max-width: 229px; /*47.2211%;*/
    margin-right: 8px;
}

.angus-sum-superior-taste-content{
    min-width: 188px;
    max-width: 188px;
    margin-top: 20px;
}

.our-angus-attributes-details-row > div + div{
    min-width: 27px; /*6.22244%;*/
    max-width: 27px; /*6.22244%;*/
    padding: 0px !important;
}

.our-angus-attributes-details-row > div:last-child{
    min-width: 225px; /*46.5558%;*/
    max-width: 225px; /*846.5558%;*/
    margin-top: 40px !important;
}

.our-angus-long-fed-content{
    min-width: 189px;
    max-width: 189px;
    margin-top: 20px;
}

.our-angus-cell > .panel-first-child{
    padding-top: 40px;
    overflow: hidden;
}





#our-angus-attributes-rh-details{
    margin-left: 0px !important;
    margin-right: 0px !important;
}

#our-angus-attributes-rh-details .panel-grid-cell{
    padding: 0px !important;
    
}

#our-angus-attributes-rh-details > div.panel-grid-cell:first-child{
    min-width: 8px; /* 1.59363% !important;*/
    max-width: 8px; /*1.59363% !important;*/
    margin-top: 70px;
}

#our-angus-attributes-rh-details > div.panel-grid-cell:first-child + div {
    min-width: 212px; /* 50.19921% !important;*/
    max-width: 212px; /*50.19921% !important;*/
    padding-top: 50px;
    margin-left: 14px;
    margin-top: 50px;
}

.our-angus-attribute-fine-m-content{
    min-width: 186px;    
    max-width: 186px;
    margin-top: 20px;
}

/*#pgc-w577b4b4088e83-our-angus-attributes-rh-details-2{*/
#our-angus-attributes-rh-details  > div.panel-grid-cell:first-child + div + div{
    min-width: 21px; /*4.1833% !important;*/
    max-width: 21px; /*4.1833% !important;*/
    margin-top: 50px;    
}

/*#pgc-w577b4b4088e83-our-angus-attributes-rh-details-3{*/
#our-angus-attributes-rh-details > div.panel-grid-cell:last-child{
    min-width: 221px; /*44.024% !important;*/
    max-width: 221px; /*44.024% !important;*/
    margin-left: 0px;
    margin-top: 52px;
}

.our-angus-attribute-guarantee-content{
    min-width: 176px;
    max-width: 176px;
    margin-top: 20px;
    margin-left: 8px;
}

.our-angus-attr-rh-details-cell > div.panel-first-child + div{
    margin-bottom: 58px !important;
}

#our-angus-section-divider{
    margin-bottom: 19px !important;
}

#pgc-5-our-angus-verification-0 > div.panel-first-child{
    margin-bottom: 20px !important;    
}

#our-angus-verification .our-angus-s2-heading{
    font-size: 26px;
}

#our-angus-verification .our-angus-s2-heading p{
    margin-bottom: 0px !important;
}

#our-angus-verification{
    background-image: url('/wp-content/uploads/2013/07/smallSplatpng.png');
    background-repeat: no-repeat;
    background-position: right 178px;
    margin-top: 0px;
}

#our-angus-s2-row-1 {
    margin-bottom: 0px !important;
}

#our-angus-s2-row-1 > div:first-child{
    min-width: 502px;
    max-width: 502px;    
    margin-right: 40px;
    padding-right: 0px;
}

#our-angus-s2-row-1 > div:last-child{
    min-width: 418px;
    max-width: 418px;  
}

#pgc-5-our-angus-verification-0 > div.panel-first-child + div{
    margin-bottom: 22px !important;
}

#pgc-5-our-angus-verification-0 > div.panel-first-child + div + div{
    margin-bottom: 22px !important;
}

#our-angus-s3-row-1 > div:first-child{
    min-width: 502px;
    max-width: 502px;    
    margin-right: 40px;
    padding-right: 0px;
}

#our-angus-s3-row-1 > div:last-child{
    min-width: 418px;
    max-width: 418px;  
}

#our-angus-sum-mobile{
    display: none;
}


/* Contact Styles */
.contact-resp-only{
    display: none;
}


/* Resources Styles*/
#resources-header-responsive{
    display: none;
}

#resources-header{    
    margin-top: 30px;
    margin-bottom: 20px !important;
}

#resources-header img{
    float: right;
}

#resources-header-text{
    text-align: center;
    float: right;
    max-width: 581px;
    padding-right: 15px;
    margin-bottom: 0px !important;
}

#resources-header-text > div.resources-header-text-row > div:first-child{
    padding: 0px !important;
}

#resources-content-wrapper{
    clear: both;
    float: none;
}

#resources-content-wrapper #pgc-13-resources-content-wrapper-0{
    padding: 0px !important;
    width: 379px !important;
}

#resources-content-wrapper #pgc-13-resources-content-wrapper-0 .resources-first-col-wrapper{
    min-width: 493px; /*382px;*/
    max-width: 493px; /*382px;*/
}

#resources-content-wrapper #pgc-13-resources-content-wrapper-0 .resources-first-col-row-row > div:first-child .resources-first-col-row-cell{
    padding: 0px;
    padding-left: 104px;
    min-width: 233px; /*307px;*/
    max-width: 233px; /*307px;    */
}

#resources-content-wrapper #pgc-13-resources-content-wrapper-0 .resources-first-col-row-row > div:first-child{
    padding: 0px;
    min-width: 337px;
    max-width: 337px;    
}

#resources-content-wrapper #pgc-13-resources-content-wrapper-0 .resources-first-col-row-row > div:first-child p{
    text-align: center !important;
}

#resources-content-wrapper #pgc-13-resources-content-wrapper-0 .resources-first-col-row-row > div:last-child{
    padding: 0px;
    min-width: 71px;
    max-width: 71px;    
}

#resources-content-wrapper #pgc-13-resources-content-wrapper-0 .resources-first-col-row-row > div:last-child img{
    padding-left: 20px;
    padding-right: 20px;
}

#resources-content-wrapper #pgc-13-resources-content-wrapper-0 .resources-first-col-row-row > div:last-child .panel-first-child{
    padding-top: 90px;
}

#resources-content-wrapper #pgc-13-resources-content-wrapper-1{
    padding: 0px !important;
    width: 299px !important;
    
}

#resources-content-wrapper #pgc-13-resources-content-wrapper-1 > .resources-content-cell{
    padding-top: 40px !important;
}


#resources-content-wrapper #pgc-13-resources-content-wrapper-1 .resources-content-cell .textwidget p{
    text-align: center;
}


#resources-content-wrapper #pgc-13-resources-content-wrapper-2{
    padding: 0px !important;
    width: 297px !important;    
}

#resources-content-wrapper #pgc-13-resources-content-wrapper-2 > .resources-content-cell{
    padding-top: 59px !important;
}

#resources-content-wrapper #pgc-13-resources-content-wrapper-2 > .resources-content-cell .panel-first-child{
    margin-bottom: 22px !important;
}

#resources-content-wrapper #pgc-13-resources-content-wrapper-2 > .resources-content-cell h3{
    margin: 0px !important;
    padding-left: 51px !important;
}

#resources-content-wrapper #pgc-13-resources-content-wrapper-2 > .resources-content-cell div:first-child + div{
    margin-bottom: 0px !important;
}

/* What's New */
.whats-new .pg-wrapper{
    background-position: 40.5% 60px !important;
}
/*
.whats-new .page-content,
.stockists .page-content,
.recipes .page-content{
    margin-top: -70px;
}*/

.whatsnew-text{
    float: left;
}

.whatsnew-wrapper{
    float: none;
    /*overflow: hidden;*/
    min-width: 100%;
    max-width: 100%;
    min-height: 819px;
    /*width: 100%;
     *height: 2000px;*/
}

.whatsnew-column-1{
    clear: both;
    float: left;
    margin-top: 46px;
}

.whatsnew-line1{
    float: left;
    margin-top: 6px;
}



.whatsnew-column-2{
    float: left;
    margin-top: 86px;
}

.whatsnew-line2{
    float: left;
    margin-top: 46px;
}



.whatsnew-column-3{
    position: relative;
    float: left;
    margin-top: 6px;
}

.whatsnew-line3{
    float: left;
    margin-top: -65px;
}

.whatsnew-column-4{
    float: left;
    margin-top: -45px;
}

.whatsnew-older-links{
    margin: 0px;
    padding: 0px;
    margin-top: -160px !important;
    margin-right: 10px;
}

.whatsnew-rangers{
    left: 12px;
}

.whatsnew-header-responsive{
    display: none;    
}


/* Products - Home Styles */

/* Meat Cut Styles */
.products-meat-cut-wrapper{
    float: none;
    width: 100%;
    max-width: 100%;
    min-width: 100%;
}

.products-meat-left{
    float: left;
    padding-right: 32px;
    width: 468px;
    min-width: 468px;
    max-width: 468px;
    text-align: right;
}

.products-meat-right{
    float: left;
    width: 460px;
    min-width: 460px;
    max-width: 460px;
}

#products-home-wrapper{
    margin-top: -70px !important;
    padding-top: 0px !important;  
}


/*
#products-home-wrapper .products-home-column-1{
    float: left;
    max-width: 50%;
    min-width: 50%;
}

#products-home-wrapper .rolley-heading{
    
}


#products-home-wrapper .products-home-column-2{
    float: left;
    min-width: 50%;
    max-width: 50%;
}

.products-divider-wrapper{
    padding-bottom: 20px;
}
*/


/* Recipes - Top Level */
#recipe-desktop-version{
    margin-top: -170px !important;
}

#recipe-tl-header{
    margin-top: 100px;
}

#pgc-21-recipe-tl-header-0 .panel-first-child{
    margin-bottom: 0px !important;
}

#recipe-tl-header .recipe-tl-header-headertext{
    padding-left: 360px;
    line-height: 20px;
}

#recipe-tl-recipelist{
    margin-bottom: -5px !important;
}

#recipe-tl-recipelist .recipe-tl-recipelist-row{
    margin-left: 10px;
}

#recipe-tl-recipelist #pgc-21-recipe-tl-recipelist-0{
    min-width: 228px !important;
    max-width: 228px !important;
    padding: 0px !important;
    margin-top: 85px !important;
}

#recipe-tl-recipelist #pgc-21-recipe-tl-recipelist-1{
    min-width: 17px !important;
    max-width: 17px !important;
    padding: 0px !important;
    margin-top: -25px !important;
}

#recipe-tl-recipelist #pgc-21-recipe-tl-recipelist-2{
    min-width: 228px !important;
    max-width: 228px !important;
    padding: 0px !important;
    margin-top: -30px !important;
}

#recipe-tl-recipelist #pgc-21-recipe-tl-recipelist-2 .recipe-tl-recipelist-cell > .panel-first-child{
    margin-bottom: 0px !important;
}

#recipe-tl-recipelist #pgc-21-recipe-tl-recipelist-3{
    min-width: 26px !important;
    max-width: 26px !important;
    padding: 0px !important;
    margin-top: 87px !important;
}

#recipe-tl-recipelist #pgc-21-recipe-tl-recipelist-4{
    min-width: 212px !important;
    max-width: 212px !important;
    padding: 0px !important;
    margin-top: 85px !important;
}

#recipe-tl-recipelist #pgc-21-recipe-tl-recipelist-5{
    min-width: 23px !important;
    max-width: 23px !important;
    padding: 0px !important;
    margin-top: 25px !important;
}

#recipe-tl-recipelist #pgc-21-recipe-tl-recipelist-6{
    min-width: 230px !important;
    max-width: 230px !important;
    padding: 0px !important;
    margin-top: -30px !important;
}

#recipe-tl-rangersvalley{
    margin-bottom: 20px !important;
}


/* Recipe - Single */
#singlerecipe-responsive,
#singlerecipe-details{
    display: none;
}






















/* Stockists */
.stockists .pg-wrapper{
    background: none;
}

#stockists-header{
    text-align: center;
    margin-bottom: 20px !important;
}

#stockists-header .stockists-header-cell{
    max-width: 371px !important;
    margin: 0 auto;
    padding-left: 7px;
}

#find-nearest,
#stockists-hr-one,
#stockists-hr-two,
#stockists-map-result{
    margin-bottom: 0px !important;
}

#stockists-map{
    margin-bottom: 20px !important;
}

#stockists-rangers-valley{
    margin-bottom: 20px !important;
    margin-right: -22px !important;
}

#world-map{
    height: 550px;
}
  
.rolley-selection #mapster_wrap_0{
    display: block;
    position: relative;
    padding: 0px;
    text-align: center;
    width: 513px;
    max-width: 513px;
    height: 390px;
    max-height: 390px;
    
}

.rolley-selection #mapster_wrap_0 img{
    width: 513px !important;
    height: 390px !important;
}


  
  
/* legals styling */
.legals{
    float: none;
}

.terms-and-conditions-wrapper,
.privacy-policy-wrapper{
    margin-top: 100px;
}

.terms-and-conditions-wrapper h1,
.privacy-policy-wrapper h1{
    font-size: 37px;
    margin-bottom: 31px;
}
  
.terms-and-conditions-wrapper ol,
.privacy-policy-wrapper ol{
    margin-bottom: 40px;
}
  
  


/*
########################################################################
    Media Queries / Responsive Styles
########################################################################
*/


/* Page Structure Responsive Styles */
@media screen and (max-width: 960px) {
    
    .site-header{
        width: 100%;
        z-index: 9999999999;
        height: auto;
    }

    
    .header-wrapper{
        overflow: visible;
        position: relative;
        top: 0px !important;
    }
    
    .header.menu-bottom{
        /*position: relative;
        top: -112px;
        background-image: none;*/
        position: absolute;
        top: -64px;
        right: 0px;
        background-image: none;
    }
  
    .header .social-icons{       
        right: 9px;
        z-index: 999999999;
    }
    
    .pg-wrapper{
        background-attachment: fixed;
        padding-top: 268px !important;
        /*padding-top: 452px !important;*/
        margin-top: 0px !important;
    }
        
    .page-content{
        width: 100%;
        margin-top: -66px !important;
    }
    
    .home .page-content{
        margin-top: -132px !important;
    }
    
    .products .page-content{
        margin-top: -132px !important;
    }    
    
    .site-footer{
        max-width: 100%;
    }
    
    .site-footer-content{
        overflow: hidden;
        padding: 60px 20px 0px 20px;
    }
    
    .footer-col{
        min-width: 50%;
        max-width: 50%;
        min-height: 130px;
    }
        
    .footer-col.five{
        float: none;
        min-width: 100%;
        max-width: 100%;
        padding-top: 0px;
        top: -50px;
    }
    
    .social-stats{
        text-align: left;
    }
    
    .footer-search{
        max-width: 226px;
    }
    
    .cright{
        margin-top: 20px;
    }
    
    .site-footer{
        background-image: none;
        background-color: #231f20;
        height: auto;
    }
    
    .boLogo{
        margin-left: -91px;
        margin-top: 20px;
    }
    
    
    .home .page-content{
        margin-top: -70px !important;
    }
    
    .hm-hero-shot{
        background: none;
    }
    
    #home-hero-mobile{
        display: block;
    }    
   
    .hm-hero-text {
        min-width: 100%;
        max-width: 100%;
        min-height: auto;
    }
    
    .hm-hero-text .textwidget{
        font-weight: bold;
        font-size: 18px;
        position: relative;
        display: block;
        min-width: 80%;
        max-width: 80%;
        padding-left: 20px;
        padding-right: 20px;
        height: auto;
        top: auto;
        left: auto;
        margin-left: 0px;
        margin: 0 auto;
        text-align: center;
    }
             
    .hm-box-cell{
        text-align: center;
    }
    
    #home-boxes{
        margin-top: 20px !important;
    }
    
    #pgc-2-home-boxes-0{
        min-width: 47.864587%;
        max-width: 47.864587%;
        min-height: 233px;
    }
    
    #pgc-2-home-boxes-1{
        min-width: 2.29166%;
        max-width: 2.29166%;
        min-height: 233px;
    }
    
    #pgc-2-home-boxes-2{
        min-width: 47.864587%;
        max-width: 47.864587%;
        min-height: 233px;
    }
        
    #pgc-2-home-boxes-3{
        display: none;
        /*
        min-width: 1.979166%;
        max-width: 1.979166%;
        min-height: 233px;*/
    }
    
    
    
    #pgc-2-home-boxes-4{
        min-width: 48.59375%;
        max-width: 48.59375%;
        min-height: 233px;
    }
    
    
    #pgc-2-home-boxes-5{
        min-width: 2.8125%;
        max-width: 2.8125%;
        min-height: 233px;
    }
    
    
    #pgc-2-home-boxes-6{
        min-width: 48.59375%;
        max-width: 48.59375%;
        min-height: 233px;
    }
    
    
    
    /* Our Story Styles */
    #our-story-content-columns{
        max-width: 100%;
        min-width: 100%;
        width: 100%;
    }
    
    #our-story-hero-shot{
        display: none;
    }
    
    #our-story-heading{
        max-width: 100%;
    }
    
    #our-story-hero-mobile{
        display: block;
        margin-top: 38px;
        margin-left: 0px !important;
        margin-right: 0px !important;
    }
    
    #our-story-content-columns{
        margin-bottom: 0px;
        padding-bottom: 40px;
    }
    
    #our-story-content-columns .panel-grid-cell{
        float: none !important;
    }

    
    #pgc-7-our-story-content-columns-0,
    #pgc-7-our-story-content-columns-1 {
        min-width: 80% !important;
        max-width: 80% !important;
        width: 80% !important;
        margin: 0 auto !important;
    }
    
    .our-story-content-col-1,
    .our-story-content-col-2{
        min-width: 100%;
        max-width: 100%;
    }
    
    .our-story-content-col-2-credit{
        float: none;
        text-align: center;
    }
    
    
    
    /* Our Angus Styles */
    
    #our-angus-hero-shot{
        max-width: 100%;
        margin-top: 77px;
        padding-right: 0px;
        text-align: center;
    }
    
    .our-angus .pg-wrapper{
        margin-top: -122px;
    }
    
    #our-angus-blurb{
        padding-left: 0px;
        max-width: 90%;
        padding-left: 5%;
        padding-right: 5%;
        text-align: center;
    }
    
    #our-angus-attributes{
        min-width: 100%;
        max-width: 100% !important;
        margin-left: 0px !important;
        margin-right: 0px !important;
    }
    
    #our-angus-attributes .our-angus-attributes-row{
        min-width: 100%;
        max-width: 100% !important;
    }
    
    #our-angus-attributes #pgc-5-our-angus-attributes-0{
        min-width: 100% !important;
        max-width: 100% !important;
        padding: 0px;
        margin: 0px;
    }
    
    #our-angus-attributes #pgc-5-our-angus-attributes-1{
        min-width: 100% !important;
        max-width: 100% !important;
        padding: 0px;
        margin: 0px;
    }
    
    #our-angus-sum-standard{
        margin-bottom: 44px !important;
    }
    
    .angus-sum-image img{
        margin: 0 auto;
        margin-bottom: 20px;
    }
  
    .our-angus-attributes-details-row > div:first-child{
        min-width: 46%;
        max-width: 46%; 
        margin-right: 0px;
    }
    
    .angus-sum-superior-taste-content{
        min-width: 100%;
        max-width: 100%;
        margin-top: 20px;
    }
    
    .our-angus-attributes-details-row > div + div{
        min-width: 8%; 
        max-width: 8%;
        padding: 0px !important;
    }
    
    .our-angus-attributes-details-row > div:last-child{
        min-width: 33%;
        max-width: 33%; 
        margin-top: 40px !important;
    }
    
    .our-angus-long-fed-content{
        min-width: 100%;
        max-width: 100%;
    }
    
    #our-angus-attributes-details .panel-grid-cell{
        padding-left: 0px;
        padding-right: 0px;
    }
    
    
    
    
    
    
    #our-angus-attributes-rh-details > div.panel-grid-cell:first-child{
        display: none;
    }
    
    #our-angus-attributes-rh-details > div.panel-grid-cell:first-child + div {
        min-width: 46%; 
        max-width: 46%; 
        padding-top: 50px;
        margin-left: 0px;
        margin-top: 50px;
        padding-left: 17px !important;
    }
    
    
    .our-angus-attribute-fine-m-content{
        min-width: 100%;    
        max-width: 100%;
    }
    
    
    #our-angus-attributes-rh-details  > div.panel-grid-cell:first-child + div + div{
        min-width: 8%;
        max-width: 8%;
        margin-top: 50px;    
    }
    
    
    #our-angus-attributes-rh-details > div.panel-grid-cell:last-child{
        min-width: 46%; 
        max-width: 46%;
        margin-left: 0px;
        margin-top: 52px;
    }
    
    .our-angus-attribute-guarantee-content{
        min-width: 100%;
        max-width: 100%;
        margin-top: 20px;
        margin-left: 0px;
    }
    
    .our-angus-attr-rh-details-cell > div.panel-first-child + div{
        margin-bottom: 58px !important;
    }
        
    .our-angus-attributes-cell .panel-grid{
        margin-left: 0px !important;
        margin-right: 0px !important;
    }

    #our-angus-hero-shot-responsive,
    #our-angus-blurb-heading,
    #our-angus-section-divider,
    #our-angus-verification{
        margin-left: 0px !important;
        margin-right: 0px !important;
        padding-left: 0px !important;
        padding-right: 0px !important;
    }
    
    #our-angus-s2-row-1 > div:first-child {
        min-width: 95%;
        max-width: 95%;
        padding-left: 2.5%;
        padding-right: 2.5%;
        margin-right: 0px;
        text-align: center;
    }
    
    #our-angus-s2-row-1 > div:last-child{
        min-width: 95%;
        max-width: 95%;
        padding-left: 2.5%;
        padding-right: 2.5%;
        margin-right: 0px;
        text-align: center;
    }
    
    #our-angus-s2-row-1 > div:last-child ul {
        text-align: left;
        max-width: 353px;
        margin: 0 auto;
    }
    
    #our-angus-s2-row-2 > div:first-child{
        min-width: 95%;
        max-width: 95%;
        padding-left: 2.5%;
        padding-right: 2.5%;
        margin-top: 20px;
    }
    
    #our-angus-s2-row-2 > div:first-child img {
        margin: 0 auto;
    }
    
    #our-angus-s3-row-1 > div:first-child {
        min-width: 95%;
        max-width: 95%;
        padding-left: 2.5%;
        padding-right: 2.5%;
        margin-right: 0px;
    }
    
    #our-angus-s3-row-1 > div:last-child {
        min-width: 95%;
        max-width: 95%;
        padding-left: 2.5%;
        padding-right: 2.5%;
    }
    
    
    
    /* What's New - Individual Item */
    .blogPost{
        background: none !important;
        top: -137px !important;
    }
    
    .single-post article{
        min-width: 95%;
        max-width: 95%;
        padding-left: 2.5%;
        padding-right: 2.5%;
        overflow: hidden;
    }
    
    .single-post article img{
        width: 100%;
        height: auto;
    }
    
    .articleColumn.acol0,
    .articleColumn.acol1{
        min-width: 100%;
        max-width: 100%;
        padding-right: 0px;
    }
    
    .single-post .articleColumn.acol1{
        border: none;
        padding-left: 0px;
    }
    
    
    /* Contact Styles */
    .contact .page-content > div > div:first-child + div{
        display: none;
    }
    
    .contact .page-content > div {
        background: none !important;
    }
    
    .contact-resp-only{
        display: block;
    }
    
    .contact-resp-only.c-header{
        margin-top: 88px !important;
        max-width: 80%;
        margin: 0 auto;
        text-align: center;
    }
    
    .contact-text {
        position: relative;
        width: 430px;
        height: auto;
        top: 0px;
        left: 0%;
        margin-left: 0px;
        margin: 0 auto;
        margin-top: 40px;
        text-align: center;
    }
    
    .contact-text #wpcf7-f114-p25-o1 input,
    .contact-text #wpcf7-f114-p25-o1 textarea{
        width: 305px;
    }
    
    .contact-resp-only.c-footer{
        margin-top: 60px !important;
        max-width: 80%;
        margin: 0 auto;
        text-align: center;
    }
    
    /* Search Results */
    .search-results .page-content > h2{
        margin-top: 96px;
    }
    
    .search-results .page-content > ol{
        max-width: 90%;
        padding-left: 5%;
        padding-right: 5%;
    }
    
    
    
    /* Resources Styles */    
    #resources-content-wrapper{
        margin: 0px !important;
    }
    
    #resources-content-wrapper #resources-first-col-row-wrapper{
        margin: 0px !important;
    }
    
    #resources-header-responsive{
        display: block;
        margin: 0px !important;
        margin-top: 35px !important;
    }
    
    #resources-header{
        display: none;
    }
    
    #resources-header-text{
        float: none;
        text-align: center;
        min-width: 95%;
        max-width: 95%;
        padding-left: 2.5%;
        padding-right: 2.5%;
        margin: 0 auto !important;
    }
    
    #pgc-13-resources-content-wrapper-0,
    #pgc-13-resources-content-wrapper-1,
    #pgc-13-resources-content-wrapper-2{
        float: none;
        clear: both;
        min-width: 100% !important;
        max-width: 100% !important;
    }
    
    #resources-content-wrapper #pgc-13-resources-content-wrapper-0 .resources-first-col-row-row > div:last-child{
        display: none;
    }
    
    #resources-content-wrapper #pgc-13-resources-content-wrapper-0 .resources-first-col-row-row > div:first-child,
    #resources-content-wrapper #pgc-13-resources-content-wrapper-0 .resources-first-col-wrapper{
        min-width: 100% !important;
        max-width: 100% !important;
    }
    
    #resources-content-wrapper #pgc-13-resources-content-wrapper-0 .resources-first-col-row-row > div:first-child .resources-first-col-row-cell{
        min-width: 100% !important;
        max-width: 100% !important;
        padding-left: 0px !important;
    }
    
    #resources-content-wrapper #pgc-13-resources-content-wrapper-2 .resources-content-cell div:last-child img{
        margin: 0 auto;
        float: none;
    }
    
    #resources-content-wrapper #pgc-13-resources-content-wrapper-2 .resources-content-cell div.panel-last-child .sow-image-container{
        text-align: center !important;
        margin-bottom: 40px;
    }
    
    
    #resources-content-wrapper #pgc-13-resources-content-wrapper-2 > .resources-content-cell div:first-child + div{
        max-width: 297px;
        margin: 0 auto;
    }
    
    #resources-content-wrapper #pgc-13-resources-content-wrapper-2{
        margin-left: -16px;
    }
    
    
    /* What's Marbling Styling */
    .whats-marbling article{
        min-width: 95%;
        max-width: 95%;
        padding-left: 2.5%;
        padding-right: 2.5%;
    }
    
    .whats-marbling article img{
        width: 100%;
        height: auto;
    }
    
    .whats-marbling articleColumn.acol0,
    .whats-marbling .articleColumn.acol1{
        min-width: 100%;
        max-width: 100%;
        padding-right: 0px;
    }
    
    .whats-marbling .articleColumn.acol1{
        border: none;
        padding-left: 0px;
    }
    
    
    /* What's New Positioning */
    .whatsnew-header-responsive{
        display: block;
        text-align: center;
        margin-top: 21px;
    }
    
    .whatsnew-header{
        display: none;
    }
    
    .whatsnew-wrapper{
        width: 71%;
        min-width: 71%;
        max-width: 71%;
        margin: 0 auto;
    }
    
    .whatsnew-older-links{
        float: none;
        clear: both;
        margin: 0;
        max-width: 100%;
        min-width: 100%;
    }
    
    .whatsnew-line2{
        display: none;
    }
    
    .whatsnew-text{
        min-width: 80%;
        max-width: 80%;
        width: 80% !important;
        margin-left: 0px !important;
        text-align: center !important;
        float: none;
        clear: both;
        margin: 0 auto !important;        
    }
    
    .whatsnew-viewolder{
        text-align: center !important;     
    }
    
    .whatsnew-rangers{
        text-align: center !important;
        left: 0px;
        padding-bottom: 50px;
    }
    
    
    .snazzy{
        max-width: 430px;
        margin: 0 auto;
    }
    
    
    
    
    .blogPost article table > tbody > tr > td + td > div{
        text-align: right !important;
        font-size: 16px !important;
        line-height: 14px !important;
        padding-top: 5px  !important;
    }
    
    
    
    
    /* Products */
  
    #products-home-wrapper table,
    #products-home-wrapper td,
    #products-home-wrapper tr,
    #products-home-wrapper tbody{      
        display: block;
    }
    
    
    #products-home-wrapper tbody{
        max-width: 100%;
        min-width: 100%;
    }
    

    
    .rolley-title{
        padding-right: 0px;
        text-align: center;
        margin: 0 auto;
        width: 400px;
        display: block;
        max-width: 400px;
        margin-top: 72px !important;
    }
    
    .rolley-selection{
        text-align: center;
    }
    
    .products-title-wrapper{
        text-align: center;
        margin-top: -123px;
    }
    
    .rolley-title > div{
        text-align: right;
        font-size: 18px;
        font-weight: bold;
        padding-top: 89px !important;
    }
    
      
    #products-home-wrapper{
        padding-top: 30px !important;
    }
    
    .rolley-selection-wrapper{
        margin-top: 95px;
    }
    
    .rolley-selection {
        padding-right: 0px !important;
        vertical-align: bottom;
        text-align: left !important;
        margin: 0 auto;
    }
    
    .rolley-selection #mapster_wrap_0{
        display: block;
        position: relative;
        padding: 0px;
        text-align: center;
        /*width: auto !important;*/ /*this moves it but there is an issue with the image maps when it does (because set to auto) NEED to find another way */
        /*min-width: 100%;
        max-width: 100%;
        height: auto;*/
        width: 513px;
        margin: 0 auto;
        
    }
    
    .rolley-selection #mapster_wrap_0 img{
        width: 513px !important;
        height: 390px !important;
    }
    
    .rolley-title > div {
        max-width: 82%;
    }
    
    
    
    .products-title-wrapper > img{
        width: 336px;
        height: auto;
    }
    
    
    
    .products-home-hr{
        display: none !important;
    }
    
    .products-home-info{
        padding: 0px;
        padding-left: 20px;
        padding-right: 20px;
        text-align: center !important;
        margin-top: 0px !important;        
   
    }
    
    .products-home-info h2{
        text-align: center !important;
    }
    
  
    .products-home-statement-rangers table:first-child,
    .products-home-statement-rangers table:first-child td{
        display: block;
    }
    
    /* Products - Meat Cuts */
    .products-meat-left{
        float: none;
        padding-right: 0px;
        width: 100%;
        min-width: 100%;
        max-width: 100%;
        text-align: center;
    }
    
    .products-meat-right{
        clear: both;
        float: right;
        width: 80%;
        min-width: 80%;
        max-width: 80%;
        padding-right: 5%;
        margin-bottom: 115px;
        text-align: left !important;
    }

    .products-meat-right table,
    .products-meat-right tr,
    .products-meat-right td{
        float: left;
        display: block;
    }
    
    .products-meat-cut-wrapper.first-inlist{
        margin-top: 40px;
    }
    
    
    /* Recipes - Top Level */    
    #recipe-tl-recipelist .recipe-tl-recipelist-row{
        max-width: 54%;
        margin: 0 auto;
    }
    
    #recipe-tl-header{
        margin-top: 28px !important;
    }
    
    #recipe-tl-header .recipe-tl-header-headerimage {
        /*max-width: 48%;*/
        max-width: 431px;
        margin-left: auto;
        margin-right: auto;
    }
    
    #recipe-tl-header .recipe-tl-header-headertext {    
        padding-left: 5%;
        padding-right: 5%;
        margin-top: 25px;
        margin-bottom: 34px;
    }
    
    #recipe-tl-header .panel-grid-cell{
        padding: 0px !important;
    }
    
    
    #recipe-tl-header,
    #recipe-tl-recipelist,
    #recipe-tl-rangersvalley{
        margin-left: 0px !important;
        margin-right: 0px !important;        
    }
    
    #recipe-tl-rangersvalley{
        margin-bottom: 0px !important;
        padding-bottom: 20px !important;
    }
    
    
    /* Single Recipes */
    #recipe-desktop-version{
        display: none;
    }
    
    #singlerecipe-responsive,
    #singlerecipe-details{
        display: block;
        margin-left: 0px !important;
        margin-right: 0px !important;
    }
    
    
    
    #singlerecipe-header{            
        margin-top: 18px;
        text-align: center;
        margin-bottom: 40px;
    }
    
    #singlerecipe-responsive .sr-button,
    #singlerecipe-details .sr-button{
        float: left;
        max-width: 264px;
        border: 1px solid #564545;
        background-color: #fcd12e;
        background-image: url('/wp-content/themes/BlackOnyx/images/BO-pattern-recipe-buttons-square.jpg');
        background-repeat: repeat;
    }
    
    .remove-dot{
        background-image: none !important;
    }
    
    
    #btn-sr-rib-roast{
        clear: both;
    }
    
    #singlerecipe-responsive-nav{
        max-width: 572px;
        margin: 0 auto;
    }
    
    #btn-sr-eye-fillet,
    #btn-sr-rib-roast{
        margin-right: 40px;
        margin-bottom: 40px;
    }
    
    #recipe-image-view{
        max-width: 95%;
        margin-left: 2.5%;
        margin-right: 2.5%;
        clear: both;
    }
    
    #recipe-image-view img{
        width: 100%;
        height: auto;
    }
    
    #rangers-valley-logo{
        max-width: 100%;
        margin-top: 20px;
        margin-bottom: 20px;
        margin-right: 2.5%;
    }
        
    #singlerecipe-responsive .panel-grid-cell,
    #singlerecipe-details .panel-grid-cell{
        padding-left: 0px !important;
        padding-right: 0px !important;
    }
    
    #recipe-details-view{
        clear: both;
        float: none;
        max-width: 95%;
        margin-left: 2.5%;
        margin-right: 2.5%;
        background-color: #ffffff;
        background-image: url('/wp-content/themes/BlackOnyx/images/home-splat.gif');
        background-repeat: no-repeat;
        overflow: hidden;
    }
    
    #recipe-details-view .recipe-title{
        max-width: 67.5%; /*648px;*/
        margin-left: 1.875%; /*18px;*/
        padding-top: 10px;
    }
    
    #recipe-details-view .recipe-title{
        float: left;
        max-width: 67.5%; /*648px;*/
        margin-left: 1.875%; /*18px;*/
        padding-top: 10px;
    }
    
    #recipe-details-view.recipe-rib-roast-details-view .recipe-title,
    #recipe-details-view.recipe-rump-steak-details-view .recipe-title{
        float: left;
        max-width: 56.667%; /*648px;*/
        margin-left: 1.875%; /*18px;*/
        padding-top: 10px;
    }
    
    #recipe-details-view .recipe-servings{
        float: left;
        max-width: 29.58334%; /*284px;*/
    }
    
    #recipe-details-view.recipe-rib-roast-details-view > .recipe-servings,
    #recipe-details-view.recipe-rump-steak-details-view > .recipe-servings{
        max-width: 35.04166% !important;
    }
    
    #recipe-details-view .recipe-title img,
    #recipe-details-view .recipe-servings img{
        width: 100%;
        height: auto;
    }
    
    #recipe-details-view .recipe-ingredients{
        clear: both;
        padding-left: 6%;
        font-style: normal;
        font-family: gillsans,gillsans light,sans-serif;
        font-size: 15px;
        line-height: 19px;
        float: none;
    }
    
    #recipe-details-view .recipe-ingredients b{
        line-height: 25px;
        
    }
    
    #recipe-details-view .recipe-ingredients ul li{
        list-style-type: none;
        padding-bottom: 0px;
    }
    
    #recipe-details-view .recipe-method{
        float: none;
        font-style: normal;
        font-family: gillsans,gillsans light,sans-serif;
        font-size: 15px;
        line-height: 19px;
        padding-left: 6%;
        margin-top: 20px;
    }
    
    #recipe-details-view .recipe-serving-ins{
        float: none;
        font-style: normal;
        font-family: gillsans,gillsans light,sans-serif;
        font-size: 15px;
        line-height: 19px;
        margin-top: 20px;
    }
    
    #recipe-marble-score{
        float: none;        
        padding-left: 6%;
        margin-bottom: 20px;
    }
    
    #singlerecipe-details #recipe-rangers-valley{
        margin-top: 20px;
        margin-bottom: 20px;
        margin-right: 2.5%;
    }
    
    /* Stockists */
    #stockists-header,
    #find-nearest,
    #stockists-hr-one,
    #stockists-map,
    #stockists-hr-two,
    #stockists-map-result,
    #stockists-rangers-valley {
        margin-left: 0px !important;
        margin-right: 0px !important;
    }
    
    #stockists-header{
        max-width: 100%;
        margin-top: 28px;
        margin-bottom: 30px !important;
    }

    #find-nearest #div_nocontent > div{
        margin-left: 0px !important;
        min-width: 90%;
        max-width: 90%;
        text-align: center;
        padding-left: 5%;
        padding-right: 5%;
    }
    
    #stockists-hr-one,
    #stockists-hr-two{
        max-width: 100%;
        text-align: center;
    }
    
    #stockists-hr-one img,
    #stockists-hr-two img{
        width: 100%;
        height: auto;
    }
    
    #stockists-map{
        min-width: 100%;
        max-width: 100%;
        text-align: center;
    }
    
    #stockists-rangers-valley{
        min-width: 100%;
        max-width: 100%;
        text-align: center;
    }
     /*
    #stockists-map #world-map{
        width: 100% !important;
        

    }
    
    .jvectormap-container {
        width: 100% !important;
        height: 0 !important;
        padding-top: 48%;
        position: relative;
    }
   
    svg {
        position: absolute;
        top: 0;
        left: 0;
    }
    */
    
    #stockists-map-result{
        clear: both;
        padding-left: 10px;
        padding-right: 10px;        
        margin-bottom: 20px !important;
        overflow: hidden;
        height: auto !important;
    }
    
    #stockists-map-result  h4{
        max-width: 90%;
        margin-left: 5%;
        margin-right: 5%;
        padding-top: 40px;
    }
    
    #stockists-map-result #map-results{
        height: auto !important;
        
    }
    
    #stockists-map-result .maplistentry{
        float: none;
        max-width: 90%;
        margin-left: 5%;
        margin-right: 5%;
        margin-top: 20px;
    }
    
    
    #stockists-header .panel-grid-cell,
    #find-nearest .panel-grid-cell,
    #stockists-hr-one .panel-grid-cell,
    #stockists-map .panel-grid-cell,
    #stockists-hr-two .panel-grid-cell,
    #stockists-map-result .panel-grid-cell,
    #stockists-rangers-valley .panel-grid-cell{
        padding-right: 0px !important;
    }
    
    
    /* Search Styling */    
    .search-no-results .pg-wrapper,
    .search-results .pg-wrapper{
        overflow: hidden;
    }
    
    .search-no-results h2{
        margin-top: 0px !important;
    }
    
    .search-results h2{
        margin-top: 20px !important;
    }
    
    
    
    
    
}


















@media screen and (max-width: 930px){
    
    /* Recipe - Top Level */
    #recipe-tl-recipelist .recipe-tl-recipelist-row{
        max-width: 228px;
    }
    
    #recipe-tl-recipelist #pgc-21-recipe-tl-recipelist-1,
    #recipe-tl-recipelist #pgc-21-recipe-tl-recipelist-3,
    #recipe-tl-recipelist #pgc-21-recipe-tl-recipelist-5{
        display: none;
    }
    
    #recipe-tl-recipelist #pgc-21-recipe-tl-recipelist-0,
    #recipe-tl-recipelist #pgc-21-recipe-tl-recipelist-2,
    #recipe-tl-recipelist #pgc-21-recipe-tl-recipelist-4{
        float: none;
        margin: 0px !important;
    }
    
    #recipe-tl-recipelist #pgc-21-recipe-tl-recipelist-2 .recipe-tl-recipelist-cell > .panel-first-child{
        display: none;
    }
    
    #recipe-tl-recipelist #pgc-21-recipe-tl-recipelist-4{
        margin-top: -81px !important;
    }
    
    
    
    
}

/* Page Structure Responsive Styles */
@media screen and (max-width: 780px) {
    
     #pgc-2-home-boxes-0{
        min-width: 100%;
        max-width: 100%;
        min-height: auto;
        margin-top: 40px;
    }
    
    #pgc-2-home-boxes-1{
        display: none;
    }
    
    #pgc-2-home-boxes-2{
        min-width: 100%;
        max-width: 100%;
        min-height: 233px;
        min-height: auto;
        margin-top: -52px;
    }
    
    #pgc-2-home-boxes-2 .home-box-3{
        padding-left: 40px !important;
        padding-right: 40px !important;
    }
        
    #pgc-2-home-boxes-3{
        display: none;
    }
        
    #pgc-2-home-boxes-4{
        min-width: 100%;
        max-width: 100%;
        min-height: 233px;
        min-height: auto;
    }
    
    
    #pgc-2-home-boxes-5{
        display: none;
    }
    
    
    #pgc-2-home-boxes-6{
        min-width: 100%;
        max-width: 100%;
        min-height: 233px;
        min-height: auto;
        margin-bottom: 40px;
    }
    
    
    /* Our Story Responsive Styles */
    #our-story-responsive-hero-text{
        display: block;   
    }
    
    /* Our Angus Styles */
    #our-angus-hero-shot{
        display: none;
    }
    
    #our-angus-hero-shot-responsive{
        display: block;
        margin-top: 74px;
    }
    
    .our-angus-attributes-details-row > div:first-child{
        float: none;
        max-width: 80%;
        margin: 0 auto;
    }
    
    .our-angus-attributes-details-row > div:first-child + div{
        display: none;
    }
    
    .our-angus-attributes-details-row > div:last-child{
        float: none;
        max-width: 80%;
        margin: 0 auto;
    }
    
    #our-angus-attributes-rh-details > div.panel-grid-cell:first-child + div{
        float: none;
        max-width: 80%;
        margin: 0 auto;
        padding-left: 0px !important;
    }
    
    #our-angus-attributes-rh-details  > div.panel-grid-cell:first-child + div + div{
        display: none;
    }
    
    #our-angus-attributes-rh-details > div.panel-grid-cell:last-child{
        float: none;
        max-width: 80%;
        margin: 0 auto;
    }
    
    .our-angus-attribute-guarantee-image img{
        margin: 0px;    
    }
    
    .our-angus-cell > .panel-first-child{
        padding-top: 0px !important;
    }
    
    .our-angus-attr-rh-details-cell > div.panel-first-child + div{
        margin-bottom: 20px !important;
    }
    
    /* Resources */
    #resources-content-wrapper #pgc-13-resources-content-wrapper-1 > .resources-content-cell{
        padding-top: 0px !important;
    }
    
  
    
}


/* Page Structure Responsive Styles */
@media screen and (max-width: 734px) {
    
    .site-footer-content{
        overflow: hidden;
        padding: 20px 20px 0px 20px;
    }
    
    
    .footer-col{
        float: none;
        margin-top: 20px;
        min-height: auto;
    }
    
    .footer-col.five{
        top: 0px; 
        padding-top: 0px;
        padding-bottom: 40px;
        max-width: 226px;        
    }
    
   
    .footer-search{
        max-width: 226px;
    }
    
    .cright{
        margin-top: 20px;
    }
}

@media screen and (max-width: 680px){
    #recipe-details-view .recipe-title{
        float: none;
        max-width: 95%;
        margin-left: 18px; /*18px;*/
    }
    
    #recipe-details-view .recipe-servings{
        float: right;
        max-width: 284px;
        margin: 0px;
        padding: 0px;
        margin-top: -46px;
    }
    
    #recipe-details-view .recipe-title img,
    #recipe-details-view .recipe-servings img{
        width: 100%;
        height: auto;
    }
    
    
    #recipe-details-view.recipe-rib-roast-details-view .recipe-title,
    #recipe-details-view.recipe-rump-steak-details-view .recipe-title{
        float: none;
        max-width: 95%;
        margin-left: 18px; /*18px;*/
    }
    
    #recipe-details-view.recipe-rib-roast-details-view > .recipe-servings,
    #recipe-details-view.recipe-rump-steak-details-view .recipe-servings{
        float: right;
        max-width: 346px !important;
        margin: 0px;
        padding: 0px;
        margin-top: -46px;
    }
    
    #recipe-details-view.recipe-rump-steak-details-view .recipe-servings{       
        margin-top: 0px;
    }
}



@media screen and (max-width: 666px){
    
    .whatsnew-older-links{
        margin-top: -14px !important;
    }
    
    .whatsnew-column-1,
    .whatsnew-column-2,
    .whatsnew-column-3,
    .whatsnew-column-4{
        float: none;
        max-width: 140px;
        min-width: 140px;
        text-align: center;
        margin-top: 0px;
    }
    
    .whatsnew-column-1{
        margin-top: 30px;
    }
    
    .whatsnew-line1,
    .whatsnew-line2,
    .whatsnew-line3{
        display: none;
    }
    
    .whatsnew-wrapper{
        min-width: 217px;
        max-width: 217px;   
    }
    
    
}

@media screen and (max-width: 607px){
    
    .products-home-statement-rangers {
        background: none !important;
    }
    
    .products-home-statement-rangers > div{
        text-align: center;
    }
}

@media screen and (max-width: 587px){
    #singlerecipe-responsive .sr-button,
    #singlerecipe-details .sr-button{
        float: none;
        max-width: 264px;
        border: 1px solid #564545;
        margin: 0 auto;
        margin-bottom: 20px;
        max-width: 95%;
        min-width: 95%;
        background-color: #fcd12e;
    }
    
    #singlerecipe-responsive .sr-button a{
        display: block;
        max-width: 100%;
        min-width: 100%;
    }
    
    #singlerecipe-responsive .sr-button a img{
        display: block;
        /*max-width: 100%;
        min-width: 100%;
        width: 100%;
        height: auto;   */
    }
    
}

@media screen and (max-width: 530px){
    
    #singlerecipe-header img{
        width: 100%;
        height: auto;
    }
    
    
    
    .rolley-selection #mapster_wrap_0{        
        min-width: 100%;
        max-width: 100%;
        height: auto;
        max-height: 200px;
        
    }
    
    .rolley-selection #mapster_wrap_0 img{
        width: 100% !important;
        height: auto !important;
    }
    
    .products .products-home-info{
        margin-top: 197px !important;        
    }
    
    .products-title-wrapper > img{
        max-width: 320px !important; /*width: 100% !important;*/
        height: auto !important;
    }
    
    .products .rolley-title > div{
        width: 70%;
    }
    
}


@media screen and (max-width: 475px){
    .search-results .page-content > ol > li img{
        width: 100%;
        height: auto;
    }
}

@media screen and (max-width: 450px){
    #our-angus-sum-mobile{
        display: block;
    }
    
    #our-angus-sum-standard{
        display: none;
    }
    
    .contact-resp-only > img{
        width: 100%;
        height: auto;
    }
    
    .contact-text {
        width: 93%;       
    }
    
    .contact-text > div{
        padding-left: 0px !important;
    }
    
    .contact-text #wpcf7-f114-p25-o1 input,
    .contact-text #wpcf7-f114-p25-o1 textarea{
        width: 80%;
    }
    

}

@media screen and (max-width: 443px){
    
      /* View Older Whats New */
    .snazzy table,
    .snazzy td,
    .snazzy tr{
        /* Force the display as a block for table elements */
        display: block;
        max-width: 56%;
        min-width: 56%;
        text-align: center;
        margin: 0 auto;
    }
    
    .sz_date_day{
        width: 97px;
        text-align: left;
        padding-left: 2px;
    }
    
    
    .products .products-home-info{
        /*margin-top: 0px !important;        */
        margin-top: 162px !important;
    }
    
    
}

@media screen and (max-width: 378px){
    .products .products-home-info{
        margin-top: 103px !important;        
    }
}


@media screen and (max-width: 320px){
    
    .products .products-home-info{
        margin-top: 80px !important;        
    }
    
}

/*
 
 #recipe-tl-recipelist #pgc-21-recipe-tl-recipelist-1,
    #recipe-tl-recipelist #pgc-21-recipe-tl-recipelist-3,
    #recipe-tl-recipelist #pgc-21-recipe-tl-recipelist-5{
        display: none;
    }
    
    */