/*! normalize.css v4.1.1 | MIT License | github.com/necolas/normalize.css */progress,sub,sup{vertical-align:baseline}button,hr,input{overflow:visible}[type=checkbox],[type=radio],legend{box-sizing:border-box;padding:0}html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}article,aside,details,figcaption,figure,footer,header,main,menu,nav,section,summary{display:block}audio,canvas,progress,video{display:inline-block}audio:not([controls]){display:none;height:0}[hidden],template{display:none}a{background-color:transparent;-webkit-text-decoration-skip:objects}a:active,a:hover{outline-width:0}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}b,strong{font-weight:bolder}dfn{font-style:italic}h1{font-size:2em;margin:.67em 0}mark{background-color:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}svg:not(:root){overflow:hidden}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}figure{margin:1em 40px}hr{box-sizing:content-box;height:0}button,input,select,textarea{font:inherit;margin:0}optgroup{font-weight:700}button,select{text-transform:none}[type=reset],[type=submit],button,html [type=button]{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:ButtonText dotted 1px}fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}legend{color:inherit;display:table;max-width:100%;white-space:normal}textarea{overflow:auto}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-cancel-button,[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-input-placeholder{color:inherit;opacity:.54}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}

/* ====================================================================================================================== 
		INFORMATION
=========================================================================================================================

Your design must allow for customisable colours. It is best to decide these colours at the start.
Your design must allow for a background (selected by the user) and it must also fall back to a colour gradient background. 
Your design must allow for a customisable font.

Feel free to use the example(s) below.

Example colour set:
#ffffff
#ffffff

======================================================================================================================= */
	
body
{
    font-family:Quicksand, Helvetica, Arial, sans;
  
    /* Safari 4-5, Chrome 1-9 */
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#ffffff), to(#ffffff));

    /* Safari 5.1, Chrome 10+ */
    background: -webkit-linear-gradient(top, #ffffff, #ffffff);

    /* Firefox 3.6+ */
    background: -moz-linear-gradient(top, #ffffff, #ffffff);

    /* IE 10 */
    background: -ms-linear-gradient(top, #ffffff, #ffffff);

    /* Opera 11.10+ */
    background: -o-linear-gradient(top, #ffffff, #ffffff);
			
	background: ;    
	-webkit-background-size:;
	-moz-background-size:;
	-o-background-size:;
	background-size:;
    
    font-size: 16px;
}


.container{
    width: 90%;
    max-width: 1400px;
    margin: 0 auto;
}

html {
  box-sizing: border-box;
}

*,
*:before,
*:after {
  box-sizing: inherit;
}

a{
    color: #783f04;
}

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

/* Mobile Menu */

#mobile_overlay{
    position: fixed;
    top: 0; right: 0; bottom: 0; left: 0;
    background-color: rgba(0 0 0 / 0.6);
    z-index: 49;
    opacity: 0;
    visibility: hidden;
    transition: 0.4s;
}

#mobile_overlay.mobile_overlay_active{
    opacity: 1;
    visibility: visible;
}

@media only screen and (min-width:800px){
    #mobile_overlay.mobile_overlay_active{
        opacity: 0;
        visibility: hidden;
    }
}

#mobile_menu{
    position: fixed;
    top: 0;
    bottom: 0;
    left: -300px;
    transition: 0.4s;
    width: 100%;
    max-width: 300px;
    background-color: #ffffff;
    z-index: 50;
    overflow-x: hidden;
}

#mobile_menu.mobile_menu_active{
    left: 0;
}

@media only screen and (min-width:800px){
    #mobile_menu.mobile_menu_active{
        left: -300px;
    }
}

#mobile_menu_first{
    position: absolute;
    width: 100%;
    left: 0;
    transition: 0.4s;
}

#mobile_menu_first.mobile_menu_first_active{
    left: -100%;
}

#mobile_menu #login{
    display: flex;
    flex-wrap: nowrap;
}

#login{
    height: 60px;
    display: flex;
    justify-content: center;
    align-items: center;
}

#login a{
    width: 50%;
    height: 60px;
    display: flex;
    justify-content: center;
    align-items: center;
    text-decoration: none;
    text-align: center;
}

#login a i{
    margin-right: 10px;
}

#login a:first-child{
    background-color: #783f04;
    color: #ffffff;
    border-bottom: 1px solid #783f04;
}

#login a:last-child{
    background-color: #ffffff;
    color: #000000;
    border-bottom: 1px solid #76a5af;
}


.mobile_menu_item{
    display: flex;
    justify-content: space-between;
    flex-wrap: nowrap;
    line-height: 60px;
    text-decoration: none;
    color: #000000;
    border-bottom: 1px solid #76a5af;
}

.mobile_menu_item a{
    width: calc(100% - 60px);
    padding: 0 20px;
    text-decoration: none;
    color: #000000;
}

.mobile_menu_item_toggle{
    border-left: 1px solid #76a5af;
    width: 60px;
    text-align: center;
}


#mobile_menu_second{
    position: absolute;
    width: 100%;
    transition: 0.4s;
    right: -100%;
}

#mobile_menu_second.mobile_menu_second_active{
    right: 0;
}

.mobile_menu_second_item{
    opacity: 0;
    visibility: visible;
    transition: 0.4s;
    position: absolute;
    top: 0;
    left: 0; right: 0;
    width: 100%;
    pointer-events: none;
}

.mobile_menu_second_item.mobile_menu_second_item_active{
    opacity: 1;
    visibility: visible;
    pointer-events: initial;
}

.mobile_menu_second_title{
    background-color: #783f04;
    color: #ffffff;
    border-bottom: 1px solid #783f04;
    display: flex;
    align-items: center;
    height: 60px;
    font-weight: bold;
    padding: 0 20px;
}

.mobile_menu_second_title i{
    margin-right: 10px;
}

.mobile_menu_second_inner a{
    display: block;
    line-height: 60px;
    text-decoration: none;
    color: #000000;
    padding: 0 20px;
    border-bottom: 1px solid #76a5af;
}

#mobile_menu_second_inner_currency{
    display: flex;
    flex-wrap: wrap;
}

#mobile_menu_second_inner_currency a{
    width: 33.33%;
    text-align: center;
}

.mobile_menu_second_inner a:nth-child(2n+1){
    border-left: 1px solid #76a5af;
    border-right: 1px solid #76a5af;
}

#mobile_menu_second_inner_currency a.currency_selected{
    font-weight: bold;
}

.mobile_menu_second_inner .mobile_menu_item a{
    border-bottom: none;
}

.child_categories{
    display: none;
}

.child_categories.child_categories_active{
    display: block;
}

.mobile_menu_item_toggle_category_item i{
    transition: 0.4s;
}

.mobile_menu_item_toggle_category_item.mobile_menu_item_toggle_category_item_active i{
    transform: rotate(90deg);
}

/* Header */
	

header{
    height: 100px;
    background-color: #ffffff;
}

#header_container{
    width: 95%;
    margin: 0 auto;
    display: flex;
    flex-wrap: nowrap;
    justify-content: space-between;
    align-items: center;
}

#header1{
    width: 30%;
}

#menu_button{
    font-size: 1.3rem;
    width: 50px;
    height: 50px;
    line-height: 50px;
    text-align: center;
}

@media only screen and (min-width:800px){
    #menu_button{
        display: none;
    }    
}

#header2{
    width: 40%;
    display: flex;
    flex-wrap: nowrap;
    justify-content: center;
}

#header3{
    width: 30%;
    display: flex;
    flex-wrap: nowrap;
    justify-content: flex-end;
}

#search_container{
    position: relative;
}

#search_form_container{
    position: absolute;
    right: 0;
    top: 100px;
    background-color: #ffffff;
    transition: 0.25s;
    z-index: 51;
    opacity: 0;
    visibility: hidden;
    -webkit-box-shadow: 7px 6px 40px 0px rgba(204,204,223,0.56);
    -moz-box-shadow: 7px 6px 40px 0px rgba(204,204,223,0.56);
    box-shadow: 7px 6px 40px 0px rgba(204,204,223,0.56);
    padding: 20px;
    min-width: 200px;
}

#search_container:hover #search_form_container{
    top: 50px;
    opacity: 1;
    visibility: visible;
}

#search_form_inner_container{
    display: flex;
    flex-wrap: nowrap;
}

#search_form_inner_container input{
    background-color: #ffffff;
    border: 1px solid #783f04;
    border-radius: 4px;
    color: #000000;
    line-height: 40px;
    padding: 0 10px;
}

#search_form_inner_container button{
    background-color: #ffffff;
    border: 1px solid #783f04;
    border-radius: 4px;
    color: #000000;
    line-height: 40px;
    padding: 0 10px;
    transition: 0.4s;
    cursor: pointer;
    white-space: nowrap;
    margin-left: 10px;
}

#search_form_inner_container button:hover{
    background-color: #783f04;
    border: 1px solid #783f04;
    color: #ffffff;
}
#search_button{
    font-size: 1.3rem;
    width: 40px;
    height: 50px;
    line-height: 50px;
    text-align: center;
}


@media only screen and (min-width:800px){
    
    #search_form_container{
        position: relative;
        box-shadow: none;
        background: none;
        opacity: 1;
        visibility: visible;
        top: 5px;
        padding: 0;
        margin-right: 10px;
    }
    
    #search_container:hover #search_form_container{
        top: 5px;   
    }
    
    #search_button{
        display: none;
    }
}




#basket_info{
    position: relative;
    font-size: 1.3rem;
    width: 40px;
    height: 50px;
    line-height: 50px;
    text-align: center;
    color: #000000;
    text-decoration: none;
}

#sp_basket_info_count{
    position: absolute;
    top: -10px;
    right: 0;
    font-size: 0.8rem;
    color: #783f04;
}


#header1_nav{
    display: none;
}

@media only screen and (min-width:800px){
    #header1_nav{
        display: flex;
        flex-wrap: wrap;
    }
    
    .nav_item{
        position: relative;
        margin-right: 20px;
        cursor: pointer;
    }
    
    .nav_item:last-child{
        margin-right: 0;
    }
    
    .nav_item_main{
        font-size: 1.2rem;
        text-transform: uppercase;
        line-height: 50px;
        color: #000000;
        text-decoration:none;
    }
    
    .nav_item_dropdown{
        position: absolute;
        left: 0;
        top: 100px;
        background-color: #ffffff;
        transition: 0.25s;
        z-index: 51;
        opacity: 0;
        visibility: hidden;
        -webkit-box-shadow: 7px 6px 40px 0px rgba(204,204,223,0.56);
        -moz-box-shadow: 7px 6px 40px 0px rgba(204,204,223,0.56);
        box-shadow: 7px 6px 40px 0px rgba(204,204,223,0.56);
        padding: 20px;
        min-width: 200px;
    }
    
    .nav_item_dropdown a{
        display: block;
        width: 100%;
        color: #000000;
        line-height: 40px;
        text-decoration: none;
        padding-left: 0;
    }
    
    .nav_item:hover .nav_item_main{
        color: #783f04;
    }
    
    .nav_item:hover .nav_item_dropdown{
        top: 50px;
        opacity: 1;
        visibility: visible;
    }
    
    .nav_item_dropdown a:hover{
        color: #783f04;
    }
    
    .nav_item .nav_item_dropdown .mobile_menu_item{
        line-height: 40px;
        border: none;
        padding: 0;
    }
    
    .nav_item .nav_item_dropdown .mobile_menu_item_toggle{
        width: 40px;
        border: none;
    }
    
    .nav_item .nav_item_dropdown .category_with_child{
        position: relative;
    }
    
    .nav_item .nav_item_dropdown .category_with_child .child_categories{
        display: block;
    }
    
    .nav_item .nav_item_dropdown .category_with_child .child_categories{ 
        position: absolute;
        left: 100%;
        top: 30px;
        background-color: #ffffff;
        transition: 0.25s;
        z-index: 52;
        -webkit-box-shadow: 7px 6px 40px 0px rgba(204,204,223,0.56);
        -moz-box-shadow: 7px 6px 40px 0px rgba(204,204,223,0.56);
        box-shadow: 7px 6px 40px 0px rgba(204,204,223,0.56);
        padding: 20px;
        min-width: 200px;
        opacity: 0;
        visibility: hidden;
        max-height: 400px;
        overflow-y: auto;
    }
    
    .nav_item .nav_item_dropdown .category_with_child:hover .child_categories{
        top: 0;
        opacity: 1;
        visibility: visible;
    }
    
    #nav_item_dropdown_account a i{
        margin-right: 5px;
        width: 20px;
    }
    
    
    #dropdown_currencies{
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
    }
    
    #dropdown_currencies a{
        width: 30%;
        text-align: center;
    }
    
    #dropdown_currencies a.currency_selected{
        font-weight: bold;
    }
    
    
}




/* Main */

.slider_container::after{
    content: '';
    display: block;
    width: 100%;
    clear: both;
}

.flexslider{
    border-radius: 0px !important;
    -webkit-box-shadow: none !important;
    -moz-box-shadow: none !important;
    -o-box-shadow: none !important;
    box-shadow: none !important;
}

#homepage_category_images{
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

.categories_with_images_item{
    width: 100%;
    max-width: 550px;
    position: relative;
    display: block;
}

@media only screen and (min-width:800px){
    #homepage_category_images{
        flex-wrap: nowrap;
        justify-content: space-between;
    }
    .categories_with_images_item{
        width: 32%;
    }
}

.categories_with_images_item_image{
    width: 100%;
    display: block;
}

.categories_with_images_item_image img{
    width: 100%;
    transition: 0.2s;
}

.categories_with_images_item_overlay{
    position: absolute;
    z-index: 2;
    top: 0; bottom: 0;
    left: 0; right: 0;
    background-color: rgba(255 255 255 / 0.7);
    opacity: 1;
    visibility: visible;
    transition: 0.4s;
}

.categories_with_images_item_overlay::before{
    opacity: 0.5;
    content: '';
    position: absolute;
    border: solid #783f04;
    top: 20px;
    bottom: 20px;
    left: 30px;
    right: 30px;
    margin: auto;
    transition: all 1s ease;
    height: calc(100% - 40px);
    border-width: 0 1px;
    transform: scaleY(0);
}


.categories_with_images_item:hover .categories_with_images_item_overlay::before{
    transform: scaleY(1);
}

.categories_with_images_item_overlay::after{
    opacity: 0.5;
    content: '';
    position: absolute;
    border: solid #783f04;
    top: 30px;
    bottom: 30px;
    left: 20px;
    right: 20px;
    margin: auto;
    transition: all 1s ease;
    width: calc(100% - 40px);
    border-width: 1px 0;
    transform: scaleX(0);
}

.categories_with_images_item:hover .categories_with_images_item_overlay::after{
    transform: scaleX(1);
}

@media only screen and (min-width:800px){
    .categories_with_images_item_overlay{
        opacity: 0;
        visibility: hidden;
    }
    
    .categories_with_images_item:hover .categories_with_images_item_overlay{
        opacity: 1;
        visibility: visible;
    }
}



.categories_with_images_item_info{
    opacity: 1;
    visibility: visible;
    position: absolute;
    z-index: 3;
    top: 0; bottom: 0;
    left: 0; right: 0;
    margin: 0 auto;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    transition: 0.4s;
}

@media only screen and (min-width:800px){
    
    .categories_with_images_item_info{
        opacity: 0;
        visibility: hidden;
    }
    
    .categories_with_images_item:hover .categories_with_images_item_info{
        opacity: 1;
        visibility: visible;
    }
}



.categories_with_images_item_info_name{
    width: 100%;
    text-align: center;
    color: #000000;
    font-size: 2.4rem;
}

.categories_with_images_item_info_shop{
    width: 100%;
    text-align: center;
    color: #000000;
    text-transform: uppercase;
    margin-top: 20px;    
}

.categories_with_images_item_info_shop span{
    position: relative;
}

.categories_with_images_item_info_shop span::after{
    content: '';
    display: block;
    position: absolute;
    bottom: -10px;
    width: 100%;
    height: 3px;
    left: 0; right: 0;
    margin: 0 auto;
    background-color: #000000;
    transition: 0.4s;
}

.categories_with_images_item_info_shop span::before{
    content: '';
    display: block;
    position: absolute;
    bottom: -10px;
    width: 100%;
    height: 3px;
    left: 0; right: 0;
    margin: 0 auto;
    transform: scaleX(0);
    background-color: #783f04;
    transition: 0.4s;
    z-index: 4;
}

.categories_with_images_item_info_shop span:hover::before{
    transform: scaleX(1);
}





.page_border{
    padding: 30px 30px;
    width: 100%;
    position: relative;
    margin-top: 50px;
}

.page_border::before{
    content: '';
    opacity: 0.5;
    content: '';
    position: absolute;
    border: solid #783f04;
    top: 20px;
    bottom: 20px;
    left: 10px;
    right: 10px;
    margin: auto;
    transition: all 1s ease;
    height: calc(100% - 20px);
    border-width: 0 1px;
}

.page_border::after{
    opacity: 0.5;
    content: '';
    position: absolute;
    border: solid #783f04;
    top: 20px;
    bottom: 20px;
    left: 0px;
    right: 0px;
    margin: auto;
    transition: all 1s ease;
    width: 100%;
    border-width: 1px 0;
}

.page_border_inner{
    position: relative;
    z-index: 2;
}


/* Featured */

#featured_container{
    margin-top: 50px;
}

.featured_arrow{
    background-color: #ffffff;
    color: #ffffff;
    border-radius: 50%;
    width: 40px;
    height: 40px;
    text-align: center;
    line-height: 40px !important;
    -webkit-box-shadow: 7px 6px 40px 0px rgba(204,204,223,1);
    -moz-box-shadow: 7px 6px 40px 0px rgba(204,204,223,1);
    box-shadow: 7px 6px 40px 0px rgba(204,204,223,1);
    position: absolute;
    z-index: 4;
    top: 50%;
    transform: translateY(-50%);
    cursor: pointer;
    transition: 0.4s;
}

.featured_arrow i{
    transition: 0.4s;
}

.featured_arrow_left{
    left: -10px;
}

.featured_arrow:hover{
    color: #000000;
}

.featured_arrow_left:hover i{
    transform: rotate(-360deg);
}

.featured_arrow_right{
    right: -10px;
}

.featured_arrow_right:hover i{
    transform: rotate(360deg);
}

.featured_item{
    margin: 10px;
    position: relative;
    overflow: hidden;
}

.featured_item_image_container{
    width: 100%;
    display: block;
}

.featured_item_image{
    width: 100%;
    display: block;
}

.featured_item_info_name{
    font-size: 1.1rem;
    font-weight: bold;
    color: #000000;
    text-decoration: none;
    display: block;
    margin-top: 5px;
}

.featured_item_info_name:hover{
    color: #783f04;
}

.featured_item_info_price_container{
    margin-top: 5px;
    display: flex;
    flex-wrap: nowrap;
    font-weight: bold;
}

.featured_item_info_price{
    color: #783f04;
}

.featured_item_info_rrp{
    margin-left: 5px;
    color: #ffffff;
    text-decoration: line-through;
}

.featured_item_button{    
    position: absolute;
    z-index: 4;
    right: -50px;
    cursor: pointer;
    transition: 0.4s;
}

#featured_item_button_view{ top: 20px; }
#featured_item_button_basket{ top: 70px; transition: 0.8s; }

.featured_item:hover .featured_item_button{
    right: 10px;
}

.featured_item_button_icon{
    background-color: #ffffff;
    color: #ffffff;
    border-radius: 50%;
    width: 40px;
    height: 40px;
    text-align: center;
    line-height: 40px !important;
    -webkit-box-shadow: 7px 6px 40px 0px rgba(204,204,223,1);
    -moz-box-shadow: 7px 6px 40px 0px rgba(204,204,223,1);
    box-shadow: 7px 6px 40px 0px rgba(204,204,223,1);
    transition: 0.4s;
}

.featured_item_button_info{
    position: absolute;
    right: 40px;
    background-color: #ffffff;
    color: #ffffff;
    padding: 0 10px;
    border-radius: 4px;
    -webkit-box-shadow: 7px 6px 40px 0px rgba(204,204,223,1);
    -moz-box-shadow: 7px 6px 40px 0px rgba(204,204,223,1);
    box-shadow: 7px 6px 40px 0px rgba(204,204,223,1);
    top: 10px;
    white-space: nowrap;
    opacity: 0;
    visibility: hidden;
    transition: 0.4s;
}

.featured_item_button:hover .featured_item_button_icon{
    color: #ffffff;
    background-color: #783f04;
}

.featured_item_button:hover .featured_item_button_info{
    opacity: 1;
    visibility: visible;
    right: 50px;
}






/* Footer */

footer{
    margin-top: 100px;
    width: 100%;
    background-color: #76a5af;
}

.footer_item{
    margin-top: 30px;
}

#footer_inner{
    padding-bottom: 30px;
}

@media only screen and (min-width:800px){
    
    #footer_inner{
        display: flex;
        flex-wrap: nowrap;
        justify-content: space-between;
    }
    
    #footer2, #footer3{
        margin-top: 60px;
    }
    
    #footer2{
        display: flex;
        flex-wrap: nowrap;
        justify-content: space-between;
        min-width: 250px;
    }
    
    #footer3{
        margin-left: 30px;
    }
    
}

@media only screen and (min-width:900px){
    #footer2{ min-width: 300px; }
}

@media only screen and (min-width:1000px){
    #footer2{ min-width: 350px; }
}

#footer1_banner{
    max-width: 90%;
}

#footer_social{
    dispaly: flex;
    flex-wrap: wrap;
}

#footer_social a{
    margin: 20px 20px 0 0;
    font-size: 1.2rem;
    transition: 0.4s;
    display: inline-block;
}

#footer_social a:hover{
    color: #000000;
}

.footer_item_title{
    font-size: 1.1rem;
    font-weight: bold;
}

#footer2_custom_pages{
    margin-top: 30px;
}


@media only screen and (min-width:800px){
    #footer2_custom_pages{
        margin-top: 0;
    }    
}

.footer2_item_links a{
    text-decoration: none;
    color: #000000;
    display: block;
    line-height: 30px;
}

.footer2_item_links a:hover{
    color: #783f04;    
}



#footer3_newsletter input{
    background-color: #ffffff;
    border: 1px solid #ffffff;
    color: #000000;
    line-height: 40px;
    margin-top: 10px;
    padding: 0 10px;
}

#footer3_newsletter button{
    background-color: #ffffff;
    border: 1px solid #ffffff;
    color: #000000;
    line-height: 40px;
    padding: 0 10px;
    transition: 0.4s;
    cursor: pointer;
    margin-top: 10px;
}

#footer3_newsletter button:hover{
    background-color: #783f04;
    border: 1px solid #783f04;
    color: #ffffff;
}


#footer_bottom{
    text-align: center;
}

#footer_bottom_copy a{
    margin-left: 5px;
}

#footer_bottom_terms{
    display: flex;
    justify-content: center;
}

#footer_bottom_terms a{
    margin: 10px;
    text-decoration: none;
}






/* Featured Blogs */

#featured_blogs{
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin-top: 100px;
}

.featured_blog_item{
    width: 100%;
    max-width: 300px;
    margin-top: 20px;
}

.featured_blog_item_inner{
    padding: 5px;
}

@media only screen and (min-width:800px){
    #featured_blogs{
        justify-content: space-between;
    }
    
    .featured_blog_item{
        width: 30%;
        max-width: inherit;
    }
}

.featured_blog_image_container{
    width: 100%;
    display: block;
    position: relative;
    overflow: hidden;
}

.featured_blog_image{
    width: 100%;
    display: block;
    transition: 0.4s;
}

.featured_blog_image_container:hover .featured_blog_image{
    transform: scale(1.1);
    filter: blur(1px);
}

.featured_blog_date{
    position: absolute;
    top: 10px;
    left: 10px;
    background-color: #ffffff;
    color: #000000;
    width: 70px;
    height: 70px;
    padding: 5px;
    text-align: center;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
}

.featured_blog_date_day{
    font-weight: bold;
    font-size: 1.5rem;
    margin-top: -3px;
}

.featured_blog_info{
    margin-top: 10px;
}

.featured_blog_info_name{
    font-size: 1.1rem;
    font-weight: bold;
    color: #000000;
    text-decoration: none;
    display: block;
}

.featured_blog_info_name:hover{
    color: #783f04;
}

.featured_blog_info_abstract{
    margin-top: 10px;
    color: #ffffff;
}

.featured_blog_info_view_container{
    display: flex;
    justify-content: flex-end;
    margin-top: 10px;
}

.featured_blog_info_view{
    font-weight: bold;
    color: #000000;
    text-align: right;
    text-decoration: none;
}

.featured_blog_info_view:hover{
    color: #783f04;
}

.featured_blog_info_view span{
    position: relative;
}

.featured_blog_info_view span::after{
    content: '';
    display: block;
    position: absolute;
    bottom: -10px;
    width: 100%;
    height: 3px;
    left: 0; right: 0;
    margin: 0 auto;
    background-color: #000000;
    transition: 0.4s;
}

.featured_blog_info_view span::before{
    content: '';
    display: block;
    position: absolute;
    bottom: -10px;
    width: 100%;
    height: 3px;
    left: 0; right: 0;
    margin: 0 auto;
    transform: scaleX(0);
    background-color: #783f04;
    transition: 0.4s;
    z-index: 4;
}

.featured_blog_info_view:hover span::before{
    transform: scaleX(1);
}



#page_title{
    text-align: center;
    margin-top: 50px;
    font-size: 1.1rem;
    font-weight: bold;
}





/* Contact Page */

#contact_page_container{
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

#contact_page_left, #contact_page_right{
    width: 100%;
}

#contact_page_left .page_border{
    padding: 30px;
    padding-bottom: 10px;
}

#google_map{
    filter: grayscale(1);
    padding: 10px;
}

#contact_page_right{
    margin-top: 50px;
    max-width: 600px;
}

@media only screen and (min-width:800px){
    
    #contact_page_container{
        flex-wrap: nowrap;
    }
    
    #contact_page_left{
        min-width: 350px;
        max-width: 350px;
        margin-right: 50px;
    }
     
}

#contact_page_left_address{
    margin-bottom: 20px;
}

#contact_page_left_address br:last-of-type,
#contact_page_left_address br:nth-last-child(2){
    display: none !important;
}

#contact_page_left_address_email{
    margin-bottom: 20px;
    margin-top: -20px;
}

.contact_address{
    display: none;
}

.contact_form header{
    display: none;
}

.contact_form label{
    display: block;
    width: 100%;
    margin-top: 10px;
}

.contact_form input, .contact_form textarea{
    width: 100%;
    max-width: 300px;
    background-color: #ffffff;
    border: 1px solid #783f04;
    border-radius: 4px;
    color: #000000;
    line-height: 40px;
    padding: 0 10px;
}

.contact_form textarea{
    max-width: 100%;
}

.contact_form span{
    float: left;
    width: 100%;
}

.contact_form input.contact_send_btn{
    margin-top: 10px;
    float: right;
    max-width: 150px;
    cursor: pointer;
    transition: 0.4s;
}

.contact_form input.contact_send_btn:hover{
    background-color: #783f04;
    color: #ffffff;
}



/* Special Offers/ Results */

#special_offers_container{
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin-top: 50px;
}

@media only screen and (min-width:800px){
    #special_offers_container{
        justify-content: space-around;
    }
}

.results_item{
    margin: 10px;
    position: relative;
    overflow: hidden;
}

.results_item_image_container{
    width: 100%;
    display: block;
}

.results_item_image{
    width: 100%;
    display: block;
}

.results_item_info_name{
    font-size: 1.1rem;
    font-weight: bold;
    color: #000000;
    text-decoration: none;
    display: block;
    margin-top: 5px;
}

.results_item_info_name:hover{
    color: #783f04;
}

.results_item_info_price_container{
    margin-top: 5px;
    display: flex;
    flex-wrap: nowrap;
    font-weight: bold;
}

.results_item_info_price{
    color: #783f04;
}

.results_item_info_rrp{
    margin-left: 5px;
    color: #ffffff;
    text-decoration: line-through;
}

.results_item_button{    
    position: absolute;
    z-index: 4;
    right: -50px;
    cursor: pointer;
    transition: 0.4s;
}

.results_item_button_view{ top: 20px; }
.results_item_button_basket{ top: 70px; transition: 0.8s; }

.results_item:hover .results_item_button{
    right: 10px;
}

.results_item_button_icon{
    background-color: #ffffff;
    color: #ffffff;
    border-radius: 50%;
    width: 40px;
    height: 40px;
    text-align: center;
    line-height: 40px !important;
    -webkit-box-shadow: 7px 6px 40px 0px rgba(204,204,223,1);
    -moz-box-shadow: 7px 6px 40px 0px rgba(204,204,223,1);
    box-shadow: 7px 6px 40px 0px rgba(204,204,223,1);
    transition: 0.4s;
}

.results_item_button_info{
    position: absolute;
    right: 40px;
    background-color: #ffffff;
    color: #ffffff;
    padding: 0 10px;
    border-radius: 4px;
    -webkit-box-shadow: 7px 6px 40px 0px rgba(204,204,223,1);
    -moz-box-shadow: 7px 6px 40px 0px rgba(204,204,223,1);
    box-shadow: 7px 6px 40px 0px rgba(204,204,223,1);
    top: 10px;
    white-space: nowrap;
    opacity: 0;
    visibility: hidden;
    transition: 0.4s;
}

.results_item_button:hover .results_item_button_icon{
    color: #ffffff;
    background-color: #783f04;
}

.results_item_button:hover .results_item_button_info{
    opacity: 1;
    visibility: visible;
    right: 50px;
}


.fws_top_pager_offers{
    margin-bottom: 20px;
}

.fws_bottom_pager_offers{
    margin-top: 20px;
}

.Pager a, .Pager b{
    min-width: 30px;
    padding: 0 5px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    background-color: #ffffff;
    border: 1px solid #783f04;
    color: #000000;
    border-radius: 4px;
    display: inline-block;
    text-decoration: none;
    margin: 0 5px;
    transition: 0.4s;
}

.Pager a:hover{
    background-color: #783f04;
    border-color: #783f04;
    color: #ffffff;
}

.Pager b{
    background-color: #783f04 !important;
    border-color: #783f04 !important;
    color: #ffffff !important;
}

.Pager div span:first-child{
    display: none;
}




/* Sitemap */

.sitemap_divider{
    display: none;
}

#sitemap_pages, #sitemap_categories, #sitemap_blogs{
    display: flex;
    flex-wrap: wrap;
    margin-block-start: 0em;
    margin-block-end: 0em;
    padding-inline-start: 0px;
    list-style-type: none;
}

#sitemap_pages a, #sitemap_categories a, #sitemap_blogs a{
    padding: 0 5px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    background-color: #ffffff;
    border: 1px solid #783f04;
    color: #000000;
    border-radius: 4px;
    display: inline-block;
    text-decoration: none;
    margin: 5px;
    transition: 0.4s;
}

#sitemap_pages a:hover, #sitemap_categories a:hover, #sitemap_blogs a:hover{
    background-color: #783f04;
    border-color: #783f04;
    color: #ffffff;
}



/* Breadcrumbs  */

#details_breadcrumbs{
    max-width: 1000px;
    margin: 50px auto 0 auto;
}

.breadcrumbs{
    list-style-type: none;
    margin-block-start: 0em;
    margin-block-end: 0em;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
    padding-inline-start: 0px;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

.breadcrumbs li:after{
    content: '>';
    margin-left: 15px;
    margin-right: 15px;
    opacity: 0.8;
}

.breadcrumbs li:last-child:after{
    display: none;
}

.breadcrumbs li a{
    text-decoration: none;
    color: #000000;
}

.breadcrumbs li:last-child a{
    color: #783f04;
}

.breadcrumbs li a:hover{
    color: #783f04;
}

/* Details */

#details{
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    max-width: 500px;
    margin: 20px auto 0 auto;
    justify-content: center;
}

#details_images{
    display: flex;
    flex-wrap: nowrap;
    justify-content: space-between;
}

#details_images_extra{
    width: 100px;
    margin-right: 10px;
    display: flex;
    align-items: center;
}

#details_images_main{
    width: calc(100% - 110px);
    position: relative;
}

#details_images_main_lighthouse{
    position: absolute;
    top: 20px;
    right: 20px;
    background-color: #ffffff;
    color: #783f04;
    width: 40px;
    height: 40px;
    text-align: center;
    line-height: 40px;
    transition: 0.4s;
}

#details_images_main_lighthouse:hover{
    background-color: #783f04;
    color: #ffffff;
}

.details_images_extra_item, #details_images_main{
    width: 100%;
}

.details_images_extra_item img, #details_images_main img{
    width: 100%;
}

.details_images_extra_item{
    border: 2px solid transparent !important;
    cursor: pointer;
}

.details_images_extra_item.details_images_extra_item_selected,
.details_images_extra_item.details_images_extra_item_selected:focus{
    border: 2px solid #783f04 !important;
}

.details_images_extra_item_lighthouse{
    display: none !important;
}

@media only screen and (min-width:800px){
    
    #details{
        display: flex;
        flex-wrap: nowrap;
        justify-content: left;
        max-width: 1000px;
    }
    
    #details_left{
        margin-right: 50px;
        width: 460px;
    }
    
    #details_right{
        width: calc(100% - 510px);
    }
}


#details_title{
    margin: 0;
}

#details_price{
    display: flex;
    flex-wrap: nowrap;
    margin-top: 10px;
    font-size: 1.2rem;
    align-items: center;
}

#details_price_rrp{
    color: #ffffff;
    text-decoration: line-through;
    margin-right: 10px;
}

#details_price_main{
    color: #783f04;
    font-size: 1.4rem;
}

#details_price_main hr{
    display: none;
}

#details_price_main a{
    font-size: 0.8rem;
    color: #000000;
    text-decoration: none;
    cursor: text;
}

#details_description{
    margin: 20px 0;
    padding: 20px 0;
    border-top: 1px solid #76a5af;
    border-bottom: 1px solid #76a5af;
    color: #ffffff;
}


#products_details_bulk{
    background-color: #76a5af;
    padding: 10px;
    margin-bottom: 20px;
}

#products_details_bulk_title{
    line-height: 25px;
    margin-bottoM: 10px;
}

.products_details_bulk_item{
    margin-top: 5px;
    display: flex;
    flex-wrap: nowrap;
}

.products_details_bulk_item strong{
    text-transform: capitalize;
    min-width: 100px;
}

.details_options_item{
    margin-top: 10px;
}

.details_options_item:first-child{
    margin-top: 0;
}

.details_options_item label{
    display: block;
    width: 100%;
    font-weight: bold;
}

.details_options_item select{
    padding: 0 5px;
    height: 30px;
    line-height: 30px;
    background-color: #ffffff;
    border: 1px solid #783f04;
    color: #000000;
    border-radius: 4px;
    margin-top: 5px;
    max-width: 300px;
}


#details_buy{
    margin-top: 30px;
    display: flex;
    flex-wrap: nowrap;
}

#details_buy_quantity{
    width: 100px;
    height: 50px;
    display: flex;
    flex-wrap: nowrap;
    margin-right: 10px;
}

#details_buy_quantity input{
    width: 60px;
    background-color: #ffffff;
    border: 2px solid #000000;
    border-right: none;
    text-align: center;
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

#details_buy_quantity_buttons{
    display: flex;
    flex-wrap: wrap;
    width: 40px;
    border: 2px solid #000000;
}

#details_buy_quantity button{
    background-color: #ffffff;
    border: none;
    width: 40px;
    height: 23px;
    cursor: pointer;
}

#details_buy_quantity button:first-child{
    border-bottom: 2px solid #000000;
}


#details_buy_button{
    background-color: #783f04;
    color: #ffffff;
    padding: 0 30px;
    height: 50px;
    text-decoration: none;
    font-size: 1.2rem;
    line-height: 50px;
    transition: 0.4s;
}

#details_buy_button:hover{
    background-color: #000000;
}

.wishlist_container{
    margin-left: 10px;
}

.wishlist_container a{
    cursor: pointer;
    width: 30px;
    height: 30px;
    margin-top: 10px;
    display: block;
}

.wishlist_container a svg{
    font-size: 1.4rem;
    stroke: #783f04;
    fill: transparent;
    transition: 0.2s;
    transform: scale(1);
}

#wishlist_logged_in_html a:hover svg,
#wishlist_not_logged_in_html a:hover svg{
    fill: #783f04;
}

#wishlist_logged_in_html.wishlist_logged_in_html_activated a svg{
    fill: #783f04;
    animation-name: wishlistAdd;
    animation-duration: 1s;
    animation-iteration-count: infinite;
}

@keyframes wishlistAdd{
  0%   {transform: scale(1);}
  50%  {transform: scale(1.5);}
  100% {transform: scale(1);}
}

#wishlist_not_logged_in_html.wishlist_not_logged_in_html_activated a svg{
    fill: #783f04;
    animation-name: wishlistAdding;
    animation-duration: 1s;
    animation-iteration-count: infinite;
}

@keyframes wishlistAdding{
  0%   {transform: scale(1);}
  50%  {transform: scale(1.2);}
  100% {transform: scale(1);}
}


#wishlist_added_html a svg{
    fill: #783f04;
}

#wishlist_added_html a:hover svg{
    fill: transparent;
}

#wishlist_added_html.wishlist_added_html_activated a svg{
    fill: transparent;
    animation-name: wishlistRemove;
    animation-duration: 1s;
    animation-iteration-count: infinite;
}

@keyframes wishlistRemove{
  0%   {transform: scale(1);}
  50%  {transform: scale(0.5);}
  100% {transform: scale(1);}
}


#details_tab_container{
    margin-top: 100px;
}

#tab_nav_container{
    display: flex;
    flex-wrap: nowrap;
    justify-content: center;
}

.tab_nav_item{
    line-height: 30px;
    padding: 0 20px;
    cursor: pointer;
}

.tab_nav_item_selected, .tab_nav_item:hover{
    background-color: #76a5af;
}

#tab_content_container{
    margin-top: 0;
}

.tab_content_item{
    padding: 20px;
    display: none;
}

.tab_content_item.tab_content_item_selected{
    display: block;
}

.product_details_item{
    display: flex;
    flex-wrap: nowrap;
    line-height: 30px;
}

.product_details_item strong{
    text-transform: capitalize;
    min-width: 150px;
}




#reviews_zero{
    text-align: center;
}

#reviews_button_container{
    text-align: center;
}

#review_write_button{
    background-color: #783f04;
    color: #ffffff;
    padding: 0 30px;
    height: 50px;
    text-decoration: none;
    font-size: 1.2rem;
    line-height: 50px;
    transition: 0.4s;
    display: inline-block;
    margin-top: 20px;
    text-transform: capitalize;
}

#review_write_button:hover{
    background-color: #000000;
}


#reviews_items_container{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.review_item{
    margin-top: 20px;
    width: 100%;
    background-color: #76a5af;
    padding: 10px;
}

@media only screen and (min-width:800px){
    .review_item{
        min-width: 48%;
        max-width: 48%;
    }
}

.review_item_header{
    display: flex;
    flex-wrap: nowrap;
    justify-content: space-between;
}

.review_item_stars{
    color: #783f04;
}

.review_item_title{
    line-height: 30px;
    margin: 5px 0;
    font-weight: bold;
}

.review_item_customername{
    margin-top: 5px;
}

.reviews_item_reply_container{
    background-color: #ffffff;
    border: 1px solid #783f04;
    border-left: 5px solid #783f04;    
}

#out_of_stock_container{
    margin-bottom: 10px;
    margin-top: 0;
    width: auto;
    display: inline-block;
}

#out_of_stock_inner{
    padding: 10px 0;
}

#out_of_stock_text{
    font-weight: bold;
}

#out_of_stock_button{
    background-color: #783f04;
    color: #ffffff;
    padding: 0 10px;
    text-decoration: none;
    font-size: 1rem;
    line-height: 30px;
    transition: 0.4s;
    display: inline-block;
    margin-top: 10px;
    text-transform: capitalize;
}

#out_of_stock_button:hover{
    background-color: #000000;
}


@media only screen and (min-width:800px){
    #out_of_stock_button{
        padding: 0 30px;
        font-size: 1.2rem;
        line-height: 50px;
    }
}


#share_panel{
    margin-top: 20px;
    display: flex;
    flex-wrap: nowrap;
    
}

#share_panel_text{
    margin-right: 10px;
}

#share_panel_icons{
    display: flex;
    flex-wrap: nowrap;
}

#share_panel_icons a{
    margin-right: 10px;
    text-decoration: none;
}

#share_panel_icons a:last-child{
    margin-right: 0;
}

#share_panel_icons a:hover{
    color: #000000;
}





/* Stock Form + Review Form */

.stock_notify, 
.shop_product_review_form{
    max-width: 700px;
    margin: 0 auto;
}

.stock_notify center, 
.shop_product_review_form center{
    text-align: left;
}

.shop_product_review_form center{
    margin-bottom: 30px;
}

.stock_notify center p, .stock_notify center br,
.shop_product_review_form center p, .shop_product_review_form center br{
    display: none;
}

.shop_product_review_form center img{
    display: none;
}

.stock_notify center label,
.shop_product_review_form label{
    font-weight: bold;
}

.stock_notify label,
.shop_product_review_form label{
    display: block;
    width: 100%;
    margin-top: 10px;
    line-height: 30px;
}

.stock_notify input, .stock_notify textarea,
.shop_product_review_form input, .shop_product_review_form textarea, .shop_product_review_form select{
    background-color: #[panel];
    padding: 0 20px;
    border: 1px solid #783f04;
    border-radius: 4px;
    outline: none;
    width: 100%;
    height: 40px;
    line-height: 40px;
}

.stock_notify input,
.shop_product_review_form input, .shop_product_review_form select{
    max-width: 350px;
}

.stock_notify textarea,
.shop_product_review_form textarea{
    min-height: 200px;
    height: 200px;
    line-height: 40px;
    max-width: 700px;
    padding: 10px;
}

.stock_notify span,
.shop_product_review_form span{
    width: 100%;
    float: left;
}

.stock_notify_cancel, .stock_notify_submit,
.shop_review_form_cancel, .shop_review_form_submit{
    background-color: #783f04;
    color: #ffffff;
    width: 100px;
    display: inline-block;
    height: 50px;
    line-height: 50px;
    text-decoration: none;
    border: none;
    text-align: center;
    cursor: pointer;
    transition: 0.4s;
}

.stock_notify_cancel:hover, .stock_notify_submit:hover,
.shop_review_form_cancel:hover, .shop_review_form_submit:hover{
    background-color: #000000;
}






/* Checkout */

#softadd-overlay{ 
    opacity: 0.3 !important;
}

#softadd-container{
    box-shadow: none !important;
    -moz-box-shadow: none !important;
    -webkit-box-shadow: none !important;
    border-radius: 0px !important;
    background-color: #76a5af !important;
    color: #000000 !important;
    top: 50px !important;
}

#softadd-modal-title{
    background-color: #783f04 !important;
    text-shadow: none !important;
    color: #ffffff !important;
    font-weight: bold !important;
    border-bottom: none !important;
}

.simplemodal-close{
    text-shadow: none !important;
    color: #ffffff !important;
}

button.simplemodal-close, button.success{
    background-color: #783f04 !important;
    color: #ffffff !important;
    font-weight: bold !important;
    border: none !important;
    height: 40px !important;
    cursor: pointer;
    font-weight: normal !important;
    text-transform: uppercase !important;
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -ms-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease;
}

button.simplemodal-close:hover, button.success:hover{
    background-color: #000000 !important;
    color: #ffffff !important;
}

#softadd-feedback-failure, #softadd-feedback-fail-msg, #softadd-container span{
    color: #783f04 !important;
}

button.simplemodal-close i,
button.success i{
    display: none;
}





/* Results */

#category_header{
    margin: 50px auto 0 auto;
    max-width: 500px;
}

#category_header_description{
    background-color: #76a5af;
    padding: 20px;
}

#results_container{
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin-top: 50px;
}

#results_left, #results_right{
    width: 100%;
}


@media only screen and (min-width:800px){
    #results{
        flex-wrap: nowrap;
    }    
    
    #results_left{
        min-width: 300px;
        max-width: 300px;
        margin-right: 50px;
    }
    
    #results_left.zero_prods_visible{
        margin-right: 0;
    }
    
    #results_right{
        width: calc(100% - 350px);
    }
    
    #results_right.results_right_zero_subs_visible{
        width: 100% !important;
    }
}


#subcategories{
    margin-top: 0;
}

#subcategories .page_border_inner{
    padding: 10px 0;
}

#subcategories_title{
    font-weight: bold;
    line-height: 30px;
}

#subcategories_inner a{
    display: block;
    text-decoration: none;
    margin-top: 10px;
}



#results_right_top{
    display: flex;
    flex-wrap: nowrap;
    justify-content: space-between;
}



#results_right_products{
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

@media only screen and (min-width:800px){
    #results_right_products{
        justify-content: space-between;
    }
}

#results_right_products .results_item{
    max-width: 250px;
}



#results_right_top{
    margin-bottom: 20px;
}


#results_right_top_sort{
    position: relative;
}

#results_right_top_sort_button{
    line-height: 30px;
    padding: 0 20px;
    cursor: pointer;
    background-color: #76a5af;
    text-transform: capitalize;
    transition: 0.4s;
}

#results_right_top_sort_button:hover{
    background-color: #783f04;
    color: #ffffff;
}

#results_right_top_sort_button.results_right_top_sort_button_active{
    background-color: #783f04;
    color: #ffffff;
}

#results_right_top_sort_menu{
    position: absolute;
    right: 0;
    top: 30px;
    background-color: #ffffff;
    opacity: 0; 
    visibility: hidden;
    z-index: 3;
    min-width: 150px;
    webkit-box-shadow: 7px 6px 40px 0px rgba(204,204,223,0.56);
    -moz-box-shadow: 7px 6px 40px 0px rgba(204,204,223,0.56);
    box-shadow: 7px 6px 40px 0px rgba(204,204,223,0.56);
}

#results_right_top_sort_menu.results_right_top_sort_menu_active{
    opacity: 1;
    visibility: visible;
}

#results_right_top_sort_menu a{
    display: block;
    padding: 0px 20px;
    line-height: 30px;
    text-decoration: none;
    text-transform: capitalize;
}

#results_right_top_sort_menu a:hover{
    background-color: #76a5af;
}



#results_right_pager_top{
    margin-bottom: 20px;
}

#results_right_pager_bottom{
    margin-top: 20px;
}


.pagination{
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin-block-start: 0em;
    margin-block-end: 0em;
    padding-inline-start: 0px;
    list-style-type: none;
}

.results_pager_container a{
    min-width: 30px;
    padding: 0 5px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    background-color: #ffffff;
    border: 1px solid #783f04;
    color: #000000;
    border-radius: 4px;
    display: inline-block;
    text-decoration: none;
    margin: 0 5px;
    transition: 0.4s;
}

.results_pager_container a:hover{
    background-color: #783f04;
    border-color: #783f04;
    color: #ffffff;
}

.results_pager_container .current a{
    background-color: #783f04 !important;
    border-color: #783f04 !important;
    color: #ffffff !important;
}




#featured_blogs.blog_roll_container{
    margin-top: 25px;
    margin-bottom: 40px;
}






#blog_view_item{
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin-top: 20px;
}

#blog_view_top, #blog_view_bottom{
    width: 100%;
}

.blog_view_image_container, #blog_featured_image{
    display: block;
    width: 100%;
}


@media only screen and (min-width:800px){
    #blog_view_item{
        flex-wrap: nowrap;
    }    
    
    #blog_view_top{
        min-width: 300px;
        max-width: 300px;
        margin-right: 50px;
    }
    
    #blog_view_bottom{
        width: calc(100% - 350px);
    }
    
}


@media only screen and (min-width:1200px){
    
    #blog_view_top{
        min-width: 450px;
        max-width: 450px;
        margin-right: 50px;
    }
    
    #blog_view_bottom{
        width: calc(100% - 500px);
    }
    
}

.blog_view_title{
    font-size: 1.2rem;
    font-weight: bold;
    line-height: 30px;
    margin-top: 10px;
}

.blog_view_right_info{
    display: flex;
    flex-wrap: nowrap;
    justify-content: space-between;
}

.blog_markup{
    margin: 20px 0;
    padding: 20px 0;
    border-top: 1px solid #76a5af;
    border-bottom: 1px solid #76a5af;
    color: #ffffff;
}


.tag_item{
    padding: 0 5px;
    line-height: 30px;
    background-color: #ffffff;
    border: 1px solid #783f04;
    color: #000000;
    border-radius: 4px;
    display: inline-block;
    text-decoration: none;
    margin-top: 10px;
    margin-right: 5px;
    transition: 0.4s;
}

.tag_item:hover{
    background-color: #783f04;
    border-color: #783f04;
    color: #ffffff;
}

#blog_comments_info{
    margin-top: 10px;
    display: block;
}



#comments_section{
    max-width: 600px;
    margin: 100px auto 40px auto;
    text-align: center;
}

#comments_reply_section{
    max-width: 600px;
    margin: 20px auto 20px auto;
    text-align: center;
}

#comments_section header{
    height: auto;
    font-size: 1.2rem;
    font-weight: bold;
    line-height: 30px;
}

#comments_section input, #comments_section textarea,
#comments_reply_section input, #comments_reply_section textarea{
    width: 100%;
    max-width: 300px;
    background-color: #ffffff;
    border: 1px solid #783f04;
    border-radius: 4px;
    color: #000000;
    line-height: 40px;
    padding: 0 10px;
    margin: 0 auto;
    margin-top: 10px;
}

#comment_email_label, #comment_reply_email_label{
    font-size: 0.8rem;
}

#comments_section input.blog_comments_submit,
#comments_reply_section input.blog_comments_reply_submit{
    max-width: 150px;
    cursor: pointer;
    transition: 0.4s;
}

#comments_section input.blog_comments_submit:hover,
#comments_reply_section input.blog_comments_reply_submit:hover{
    background-color: #783f04;
    color: #ffffff;
}


#comments_thanks{
    max-width: 300px;
    margin: 100px auto 40px auto;
    text-align: center;
    background-color: #76a5af;
    padding: 20px;
}



.blog_comments_container{
    max-width: 300px;
    margin: 20px auto 20px auto;
    text-align: center;
}

.blog_comments_title{
    font-size: 1.2rem;
    font-weight: bold;
    line-height: 30px;
}

.comment{
    background-color: #76a5af;
    padding: 20px;
}

.comment_text{
    margin-top: 10px;
}

.comment_author_item{
    margin-right: 10px;
}

.comment_replies{
    margin-top: 30px;
}

.blog_comments_reply_reply{
    margin-bottom: 20px;
    display: block;
}






th,
td {
  padding: 12px 15px;
  text-align: left;
  border-bottom: 1px solid #76a5af; }
th:first-child,
td:first-child {
  padding-left: 0; }
th:last-child,
td:last-child {
  padding-right: 0; }




#simplemodal-container{
    width: 100% !important;
    max-width: 300px !important;
    background-color: #ffffff !important;
    height: auto !important;
}

#simplemodal-container h3{
    -webkit-margin-before: 0;
    -webkit-margin-after: 0;
}

#md-title{
    background: #783f04;
    color: #ffffff;
    text-align: center;
    min-height: 30px;
    font-weight: bold;
    line-height: 30px;
}

#md-content{
    text-align: center;
    padding: 20px;
    color: #000000;
}

.md-content button{
    border: none;
    background: #783f04;
    color: #ffffff;
    font-weight: normal;
    display: block;
    margin: 0 auto;
    margin-bottom: 20px;
    height: 30px;
    line-height: 28px;
    font-size: 0.8rem;
    width: 100px;
    cursor: pointer;
    text-transform: uppercase;
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -ms-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease;
}


.md-content button:hover{
    background-color: #000000 !important;
    color: #ffffff !important;
}



#instagram_grid{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
    gap: 50px;
    padding: 30px 0;
}

.instagram_grid_item{
    max-width: 250px;
    text-decoration: none;
    color: #000000;
}

.instagram_grid_image_container{
    width: 100%;
    overflow: hidden;
}


.instagram_grid_image_container img{
    width: 100%;
    transition: 0.4s;
    display: block;
}

.instagram_grid_item:hover img{
    transform: scale(1.1) rotate(-3deg);
}

.instagram_grid_item_caption{
    line-height: 20px;
    margin-top: 10px;
    color: #ffffff;
}

.instagram_grid_item_view_button{
    text-align: right;
}

.instagram_grid_item_view_button:hover{
    color: #783f04;
}

.instagram_grid_item_view_button span{
    position: relative;
}

.instagram_grid_item_view_button span::after{
    content: '';
    display: block;
    position: absolute;
    bottom: -10px;
    width: 100%;
    height: 3px;
    left: 0; right: 0;
    margin: 0 auto;
    background-color: #000000;
    transition: 0.4s;
}

.instagram_grid_item_view_button span::before{
    content: '';
    display: block;
    position: absolute;
    bottom: -10px;
    width: 100%;
    height: 3px;
    left: 0; right: 0;
    margin: 0 auto;
    transform: scaleX(0);
    background-color: #783f04;
    transition: 0.4s;
    z-index: 4;
}

.instagram_grid_item_view_button:hover span::before{
    transform: scaleX(1);
}





.basket_login, .basket_summary{
    width: 100%;
    float: none !important;
}




#logo{
    max-width: 150px;
}


/* Placeholders */

[data-editor-type="social-media-icons"] [data-editor-disabled="true"]{
    display: inline-block;
}

      