/*
Theme Name: Kick1 Child
Theme URI: http://www.speedypancake.co.uk
Template: twentysixteen
Author: the WordPress team
Author URI: http://www.speedypancake.co.uk
Version: 8000A
Updated: 2017-06-17 

*/


/* ***************  Miscellaneous Setup **************************** */

.wp-has-submenu .wp-not-current-submenu .menu-top .menu-.top-first .menu-top-last #toplevel_page_duplicator {display:none !important;}
#toplevel_page_duplicator{display:none !important;}

.wp-menu-name{display:none !important;}


.wrap .page-title-action{display:none !important;}
#wysija-4{display:none;}
.widget_wysija{border-top:1px solid grey !important;}

.panel-row-style, .panel-grid.panel-no-style{padding:3% 0;}

.wrap_login_logout{list-style:none;}

.footerinfo.panel-row-style, .footerinfo.panel-row-style p{
color:white !important;
padding:0 !important;
padding:5px !important;
text-align:center !important;
font-size:12px;
}

.entry-content, .content-bottom-widgets{margin:0 auto;}

.menu-toggle{display:none;}

.widget{
margin:0 auto;
padding:0;
border:0;}

.post-navigation{
border-top: 1px solid grey;
border-bottom:1px solid grey;
}

.post-thumbnail{
padding:1%;
margin:0;
}

.sidebarcss{display:none;}



.nogap.panel-row-style{margin-top:-8%;}


.no-sidebar .entry-header, .no-sidebar .entry-content, .no-sidebar .entry-summary, .no-sidebar .entry-footer, .no-sidebar .comments-area, .no-sidebar .image-navigation, .no-sidebar .post-navigation, .no-sidebar .pagination, .no-sidebar .page-header, .no-sidebar .page-content, .no-sidebar .content-bottom-widgets {margin:0;}



.content-bottom-widgets .widget-area:nth-child(1):nth-last-child(2), .content-bottom-widgets .widget-area:nth-child(2):nth-last-child(1) {
float: left;
width:100%;
margin:0;
}

.maxbutton {margin-top:12px;}


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

.headwidgets{width:100%;}
.headwidgets h4{display:none;}

.left, .middle{float:left;}

.middle{padding-top:20px;}

.right{
float:right;
text-align:right;}

.right p{
margin:0;
line-height:1.2;
font-size:16px;
padding-right:10px;}

/* .left h4, .middle h4, .right h4{display:none;} */

/* ***************  SOCIAL ICON SIZE **************************** */

#mega-menu-wrap-social #mega-menu-social > li.mega-menu-item > a.mega-menu-link {font-size: 22px;}

.site-header .social-navigation{
float:right;
width:auto;
display:inline-block;}

.left, .middle{
position:relative;
display:block;
color:grey;
font-size:22px;
font-weight:600;
}


.left img{
height:80px !important;
width:auto;
float:left;

margin-right:30px;
}

/* ***************  SITE BRANDING **************************** */



/* ***************  NAVIGATION MENU **************************** */

.site-header-menu{
width:100%;
margin:0;
display:block !important;
position:relative;
background:#EFEFEF;
z-index:999;
box-shadow: 6px 6px 6px rgba(50, 50, 50, 0.75);
}

.main-navigation, .mytop-navigation{
margin:0 auto;
text-align:right;
}

/* ***************  MAIN SITE WIDTHS & PADDING  **************************** */

body:not(.custom-background-image)::before, body:not(.custom-background-image)::after {display:none;}

.site{
padding:0;
margin:0 auto;}

.site-header-main{
padding: 0 1%;
margin:0 auto;}

.site-header{
padding: 10px 0;
margin:0 auto;}

.site-content{
display:table;
width:100%;
margin:0 auto;
padding:2%;
}

.feature-inner{margin:0 auto;}

.banner-inner{
padding: 0 1% ;
margin:0 auto;}


/* ***************  Set Inner Width **************************** */




/* ***************  SIDEBARS **************************** */

.leftsidebar, .sidebar{
display:none;
width:300px;
padding:2%;
color:#FFF;
vertical-align:top;
border-spacing:15px;
z-index:999;
float:none;
}

.sidebar{border-left:1px solid #eee;}

/* ***************  CODE FOR SIDEBAR CSS WIDGETS **************************** */

/* *************** 
in_category('left-sidebar')
<style>
.leftsidebar{display:table-cell;}
.sidebar{display:none;}
</style>

is_page(11)  || in_category('right-sidebar') || is_single() && in_category('post')
<style>
.leftsidebar{display:none;}
.sidebar{display:table-cell;}
.header-image{display:none;}
.content-area{padding-right:2%;}

</style>
in_category('both-sidebars')
<style>
.sidebar, .leftsidebar{display:table-cell;}
</style>
******** */

/* *************** Single post styling  **************************** */

.entry-footer{display:none;}

body:not(.search-results) article:not(.type-page) .entry-content {
float: none;
width: 100%;
}

.post .entry-content{margin:0;}


/* ***************  Narrow site **************************** */

/* 

 .site {
    margin: 2% 10% ;
    padding: 0 3%;
}

*/



/* ***************  TEXT SETTINGS  **************************** */


h2, h3, h4, h5, h6 {
clear: none;
margin-top: 0 !important;
font-weight:100 !important;
font-family: open sans, helvetica, arial, sans-serif !important;
color:#414141;}

body, body p, p{
font-family: open sans, helvetica, arial, sans-serif !important;
font-size:15px;
max-width:100%;
font-weight:normal;
color:#444;}

.entry-title{font-size:1.7rem;
font-weight:normal;}

.entry-content h1{
font-size:2rem;
font-weight:200;}
h2{font-size:1.3rem;}
h3{font-size:1.1rem;}
h4{
font-size:1rem;
font-weight:200;}
h5{font-size:1.8rem;
font-weight:200;}
blockquote{font-size:1.18rem;}


.content-area{
padding:0px; 
padding-top:50px;
}

@media all and (max-width: 900px) and (min-width: 100px) {

.entry-title{
font-size:1.2rem;
font-weight:400;}
 h1{
font-size:1.2rem;
font-weight:200;}
.entry-content h2{font-size:1.1rem;}
.entry-content h3{font-size:1rem;}
.entry-content h4{
font-size:0.8rem;
font-weight:200;}
.entry-content h5{
font-size:1.1rem;
font-weight:200;}
.entry-content h5{font-size:1.3rem;}
blockquote{font-size:0.8rem;}
.pt-cv-content, body p{font-size:0.7rem;}
.content-area{padding:2%;}

}





/* ***************  BRANDING FEATURE COLOURS  **************************** */

.mytop-navigation{
background:black;}

.widget-title, 
.site-title, 
.site-title a, 
.menu-toggle:hover, 
.menu-toggle:focus, 
a,
h1, 
.main-navigation a:hover, 
.main-navigation a:focus, 
.dropdown-toggle:hover, 
.dropdown-toggle:focus, 
.social-navigation a:hover::before, 
.social-navigation a:focus::before, 
.social-navigation a:hover, 
.post-navigation a:hover .post-title, 
.post-navigation a:focus .post-title, 
.tagcloud a:hover, .tagcloud a:focus, 
.site-branding .site-title a:hover, 
.site-branding .site-title a:focus, 
.entry-title a:hover, .entry-title a:focus, 
.entry-footer a:hover, .entry-footer a:focus, 
.comment-metadata a:hover, 
.comment-metadata a:focus, 
.pingback .comment-edit-link:hover, 
.pingback .comment-edit-link:focus, 
.comment-reply-link, 
.comment-reply-link:hover, 
.comment-reply-link:focus, 
.required, .site-info a:hover, 
.site-info a:focus, 
.entry-content a, 
.pt-cv-title a, 
.entry-title, 
.entry-title h1, 
.entry-content h1

{color: #559616 ;}

.site-footer .social-navigation a:hover,
.site-footer .social-navigation a:hover::before, 
.site-footer .social-navigation a:focus::before
  {color:white !important;}


a:hover, .social-navigation a{color: grey !important;}

/* ***************  Navigation Menu Styling **************************** */
#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item.mega-current-menu-ancestor > a.mega-menu-link, 
#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item.mega-current-menu-item > a.mega-menu-link,
#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item.mega-toggle-on > a.mega-menu-link, 
#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item > a.mega-menu-link:hover, 
#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item > a.mega-menu-link:focus,

#mega-menu-wrap-mytop #mega-menu-mytop  > li.mega-menu-item.mega-current-menu-ancestor > a.mega-menu-link, 
#mega-menu-wrap-mytop  #mega-menu-mytop  > li.mega-menu-item.mega-current-menu-item > a.mega-menu-link,
#mega-menu-wrap-mytop  #mega-menu-mytop  > li.mega-menu-item.mega-toggle-on > a.mega-menu-link, 
#mega-menu-wrap-mytop  #mega-menu-mytop  > li.mega-menu-item > a.mega-menu-link:hover, 
#mega-menu-wrap-mytop  #mega-menu-mytop  > li.mega-menu-item > a.mega-menu-link:focus
{
background: #559616 !important;
color:white !important;
}







/* ***************  Footer  **************************** */

.site-footer {
    background: #333;
    padding-top: 2%;
    float: left;
    display: block;
    position: relative;
    width: 100%;
    margin: 0 auto;
overflow:hidden;
}


 .main-navigation {display: none;}

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

.myfooter-inner{
margin:0 auto;
max-width:1200px;
display:block;
position:relative;
padding:0 2%;
}

a.button, .wrap_login_logout a{
font-size: 22px;
padding: 0;
background: #444;
color: white !important;
border: none;
text-decoration: none;
box-shadow: none;
display: block;
position: relative;
line-height: 32px;
padding: 5px 10px;
}

.pt-cv-view .add_to_cart_button {
font-size:18px !important;
float:none !important;
    background: #444 !important;
    border: none !important;
    color: #fff !important;
    clear: both;
    height: auto;
    margin-top: 10px !important;
    padding: .5em 1.5em !important;
    display: inline-block !important;
    -webkit-border-radius: 0 !important;
    -moz-border-radius: 0 !important;
    border-radius: 0 !important;
}


/* ***************  LOGIN / LOGOUT **************************** */
.bobbin{
display:block;
position:relative;
float:left;
width:100%;
text-align:center;
}

.bobbin-inner{
text-align:center;
margin:0 auto;
display:inline-block;
position:relative;
}

.mysitelink{
width:100%;
display:block;
position:relative;
float:left;
text-align:center;
}

.bobbin a.button{
margin:0 !important;
float:left !important;
}

.seemore, .logincontainer{
position:relative;
display:block;
float:left;
margin-bottom:10px;
margin-right:10px;
}

.login{
position: relative;
display: block;
float:left;
}

.login ul{margin:0;}



/* ***************  ADDED TO ALL **************************** */

.gallery-columns-5 .gallery-item {
    max-width: 19%;
}

.gallery-columns-4 .gallery-item {
    max-width: 24%;
}
.gallery-columns-3 .gallery-item {
    max-width: 32%;
}

.gallery-columns-2 .gallery-item {
    max-width: 49% !important;
}




 .entry-summary, .entry-footer, .page-content {
    float: left;
    margin: 0 auto !important;
}

.entry-header{float:none;}

.woocommerce div.product {padding:2%;}

body.no-sidebar:not(.search-results) article:not(.type-page) .entry-content {
width:100%;
margin:0 auto;
}

.entry-content a{box-shadow:none;}
.widget{
margin:0 auto;
padding:0;
border:0;}

body, body p, p {
    font-family: open sans, helvetica, arial, sans-serif !important;
    font-size: 15px;
    max-width: 100%;
    font-weight: normal;
    color: #444;
    line-height: 1.3 !important;
    margin-bottom: 10px !important;
}


body, html{overflow-x:hidden;}

.entry-content .bottom-widgets{margin: 0 auto;}

.content-bottom-widgets .widget-area {margin-bottom: 0;}

.content-area {
float: none;
margin: 0 auto;
width: 100%;
}

.site-main {
    margin-bottom: 0;
    padding-bottom: 0;
}


.post-thumbnail{display:none;}


ul {
 list-style: disc inside;
 font-size: 15px;
line-height:1.3;
}

ul li{margin-bottom:10px;}

.site-content{padding-top:0;}
















/* ***************  MEDIA QUERIES  **************************** */




/* ***************  MOBILE BUTTON BREAK  **************************** */




.middle{padding-top:50px;}


@media all and (max-width: 500px) and (min-width: 100px) {
#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item {

    text-align: left;
    color: white;
    font-size: 14px;
    border: none !important;
}

.site-footer .main-navigation {display: block;}

.left{
width:100%;
float:none;
width:100%;
margin:0 auto;
text-align:center;}



.middle{
width:100%;
float:none;
width:100%;
margin:0 auto;
text-align:center;
padding:0;}

.right{
float:none;
width:100%;
text-align:center;
}

}


.announcement.panel-row-style{
background:#CC4A3A;
}
.announcement.panel-row-style p{
color:white;
}

.logged-out #mega-menu-item-886{display:none !important;}

.sidebar{float:left;}

.leftsidebar{display:table-cell;}
.sidebar{display:none;}




.product-div{
 width:100%; 
height:100%; 
padding:2%; 
background:#444;
float:left;
}



#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item {display: block;}




.site-header{
    box-shadow: 6px 6px 6px rgba(50, 50, 50, 0.75);
    z-index: 99999;

}
.content-area {

width:auto;}


body, p, h2, h3, h4, h5, h6 {
    color: #777 !important;
}

.right .classic-text-widget{

    padding-right: 10px;
    font-size: 16px;
    font-weight: bold;
color:#CDB062;
}

#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item {margin:0;
margin-bottom:10px;
}

#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item > a.mega-menu-link {padding-right:15px;}

#mega-menu-wrap-primary .mega-menu-toggle {position:relative;}

.leftsidebar {
width:280px;}

.site-content{padding-top:0;}

.headwidgets{padding-left:2%;}






.sidebar{float:none;}



@media all and (max-width: 900px) and (min-width: 100px) {
/* ***************  COLLAPSE SIDEBARS  **************************** */
.site-inner{padding:3%;}

.leftsidebar, .sidebar {
    float: left;
    width: 100%;
display:block;
position:relative;
padding:0;
}

.sidebar {
    display: table-cell;
    float: left;
    width: 100%;
    margin: 0 auto;
}



.content-area {
width:100%;
float:left;}

.footer-row.panel-row-style{padding:5% !important;}
.sow-slider-base ul.sow-slider-images li.sow-slider-image{max-height:300px;}
#mega-menu-wrap-primary #mega-menu-primary {text-align:center;}
}





/* ***************  NEW  **************************** */
.entry-title{display:none;}
.site-header{position:relative;}

.headwidgets{padding:0 3%;}
.left img{margin:0;
margin-right:30px;}

.leftsidebar{padding-top:4%;

width:280px;
color:#444 !important;
}

.right{
width:60%;}

/*
#mega-menu-wrap-primary, #mega-menu-wrap-primary #mega-menu-primary, #mega-menu-wrap-primary #mega-menu-primary ul.mega-sub-menu, #mega-menu-wrap-primary #mega-menu-primary li.mega-menu-item, #mega-menu-wrap-primary #mega-menu-primary a.mega-menu-link {
border-radius:  0px 12px 0px 12px!important;}
*/

table{width:auto !important;}

.content-area, .site-content{padding-bottom:0;}


/* ***************  FINAL MOBILE DISPLAY, ELEMENTS CENTRED  **************************** */
@media all and (max-width: 750px) and (min-width: 100px) {

.site-content{display:block;}

 #mega-menu-wrap-primary #mega-menu-primary li.mega-menu-item, #mega-menu-wrap-primary #mega-menu-primary a.mega-menu-link {color:white !important;}


.entry-content h1, .entry-summary h1, .comment-content h1, .textwidget h1 {font-size: 1.3rem;}

#mega-menu-wrap-social{display:none;}

.content-area {margin-top:0px;}

.leftsidebar, .sidebar{
float:left ;
width:100% ;
}

.post-thumbnail{margin:0;}
.right-inside{display:inline-block;}

.site-footer{
margin:0 auto;
}

.mytop-navigation{
float:none;
width:100%;
margin:0 auto;
}

#mega-menu-wrap-mytop .mega-menu-toggle .mega-toggle-block-right {float:none;}

.topbar{
width:100%;
height:auto;
position:relative;
height:auto;
}

}

.panel-row-style{padding:0;}
.panel-row-style, .panel-grid.panel-no-style {
    padding: 0;
}

.headwidgets{display:none;}
.site-header{box-shadow:none;}

#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item > a.mega-menu-link {height:auto;
line-height:1.3rem;
padding:10px ;
border-radius:0;}
.site-inner{max-width:2000px;}
.site-content{padding:0px;}
.leftsidebar{padding:30px;
padding-top:50px;}


body, html, .site{
background:#333;
}

body, html{overflow-x:hidden;
}
.content-area{max-width:900px;}


.site-inner{
background:#eee;

}

.site-main{max-width:800px;}
.site-inner{max-width:1200px;}
.content-area{padding-right:30px;
padding-left:30px;}

@media all and (max-width: 900px) and (min-width: 100px) {
/* ***************  COLLAPSE SIDEBARS  **************************** */
.site-inner{padding:3%;}

.leftsidebar, .sidebar {
    float: left;
    width: 100%;
display:block;
position:relative;
padding:0;
}

.sidebar {
    display: table-cell;
    float: left;
    width: 100%;
    margin: 0 auto;
}



.content-area {
padding:0;
width:100%;
float:left;}

.footer-row.panel-row-style{padding:5% !important;}
.sow-slider-base ul.sow-slider-images li.sow-slider-image{max-height:300px;}
#mega-menu-wrap-primary #mega-menu-primary {text-align:center;}
}

.leftsidebar{display:table-cell;}


 [data-stretch-type="full"] .panel-row-style{margin:auto !important;
padding:1%;}
[data-stretch-type="full-stretched"] {margin:auto !important;}

figure{width:100% !important;}

Small version:
.cf:after {clear: both;}
.cf:before, .cf:after {
content: " ";
    display: table;
}
.speedypancake a {
    display: inline-block;
    vertical-align: baseline;
    color: transparent;
    font: 0px/0 a !important;
    text-shadow: none;
    width: 100px;
    height: 22px;
vertical-align:middle;
margin-left:10px;
 background: url('https://www.speedypancake.co.uk/speedylogosmalllight.png') no-repeat scroll left top transparent;
background-size:contain;
}

p.speedypancake.cf{font-size:10px;
color:grey;}

.bobbin, .bobbin-inner, .logincontainer, .login{width:100%;}

.textwidget a img{display:inline-block;}