/*
Theme Name: 	Nev The Barber Child
Author: 		Floodlight Studios
Author URI: 	http://www.floodlightstudios.co.za
Description:	Child Theme for Nev The Barber
Template:		betheme
Version: 		1.0
*/

/* ==========================================================================
Fonts
========================================================================== */
/** Sign Painter House **/
@font-face {
	font-family: 'Conv_SignPaiHouSla';
	src: url('fonts/SignPaiHouSla.eot');
	src: local('☺'), url('fonts/SignPaiHouSla.woff') format('woff'), url('fonts/SignPaiHouSla.ttf') format('truetype'), url('fonts/SignPaiHouSla.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
  font-family: 'AmnestyTradeGothic-BdCn20';
  src: url('fonts/AmnestyTradeGothic-BdCn20.eot');
  src: url('fonts/AmnestyTradeGothic-BdCn20.eot?#iefix') format('embedded-opentype'),
       url('fonts/AmnestyTradeGothic-BdCn20.woff2') format('woff2'),
       url('fonts/AmnestyTradeGothic-BdCn20.woff') format('woff'),
       url('fonts/AmnestyTradeGothic-BdCn20.ttf') format('truetype'),
       url('fonts/AmnestyTradeGothic-BdCn20.svg#AmnestyTradeGothic-BdCn20') format('svg');
  font-weight: normal;
  font-style: normal;
}

/* ==========================================================================
General
========================================================================== */
.mainWrapper .section_wrapper {
    padding:80px 0 20px !important;
}

.one-second.column.half {
    width: 40%;
    text-align: center;
}

.column.half {
    margin:0 5% 40px;
}

#Pricing.section.has-navi .section-nav {
    color:rgba(255,240,0,.9);
}

.anchorHolder {
    visibility: none;
    margin:0;
}

a.anchor {
    display: block;
    position: relative;
    top: -140px;
    visibility: hidden;
}

/* ==========================================================================
Header
========================================================================== */
#Header_wrapper {
    z-index:999;
}

#Top_bar .container {
    display:none;
}

#Top_bar.is-sticky .container {
    display:block;
}

/* ==========================================================================
Slide Out Menu
========================================================================== */
#sfm-sidebar .sfm-menu li a {
    font-family: 'Conv_SignPaiHouSla' !important;
    font-size:34px !important;
    text-shadow: 1px 1px 0px rgba(182, 27, 40, 1);
    padding:7px 0 !important;
}

.sfm-label-none .sfm-navicon-button:after {
    margin-top:-9px !important;
}

.sfm-navicon-button:after {
    font-family: 'Conv_SignPaiHouSla' !important;
    font-size:24px !important;
    font-weight:100 !important;
}

.sfm-sidebar-close:before, 
.sfm-sidebar-close:after {
    background:#ffffff !important;
}

.sfm-social:after {
    font-family: 'AmnestyTradeGothic-BdCn20' !important;
    font-size:15px;
}

#sfm-sidebar .sfm-menu li:after {
    background:#a3dae5 !important;
}

/* ==========================================================================
Sticky Menu
========================================================================== */
#Top_bar.is-sticky {
    opacity:1 !important;
}

#Top_bar.is-sticky:after {
    content:'';
    background : url('images/menu-bottom-border.png') repeat-x;
    display:block;
    width:100%;
    height:26px;
    margin-top:-5px;
}

/* ----------------- Logo ----------------- */
#Top_bar.is-sticky .logo {
    display:block;
}

#Top_bar.is-sticky #logo img {
    max-height:95px !important;
}

/* ----------------- Navigation ----------------- */
#Top_bar.is-sticky .menu_wrapper .menu > li > a {
    padding:19px 0 10px !important;
}

#menu > ul > li > a {
    font-size:24px !important;
}

#Top_bar.is-sticky .menu > li > a, #Top_bar.is-sticky .menu > li > a span {
    font-family: 'Conv_SignPaiHouSla';
}



/* ==========================================================================
Content
========================================================================== */
#Content {
    padding-top:0;
    margin-top:-30px;
}

/* ----------------- Navigator Arrow ----------------- */
.section.has-navi .section-nav {
    width:200px;
    margin:0 0 0 -100px;
    line-height:20px;
    color:rgba(180,22,41,.9);
}

.section.has-navi .section-nav:hover {
    color:#352115 !important;
}

.section.has-navi .section-nav.next span {
    font-size:24px;
    display:block;
    font-family: 'Conv_SignPaiHouSla';
    text-transform:uppercase;
}

/* ----------------- H2 Header Styles ----------------- */
.mainWrapper .one.column.header {
    margin-bottom:20px;
}

.mainWrapper .header h2 {
    font-family: 'Conv_SignPaiHouSla';
    text-transform:uppercase;
    font-weight:100;
}

.mainWrapper .header.brown h2 {
    color:#352115;
}

.mainWrapper .header.white h2 {
    color:#ffffff;
}

.mainWrapper .header h2:after {
    content:'';
    display:block;
    width:200px;
    height:29px;
    margin:10px auto;
}

.mainWrapper .header.brown h2:after {
    background : url('images/headerAfter-brown.png') no-repeat;
}

.mainWrapper .header.white h2:after {
    background : url('images/headerAfter-white.png') no-repeat;
}

.mainWrapper .header.brown h2.products:after {
    display:none;
    margin-bottom:30px;
}

.mainWrapper .header h3 {
    font-family: 'AmnestyTradeGothic-BdCn20';
    color:#fff;
    text-transform:uppercase;
    font-size:26px;
    text-align: center;
    background : url('images/productsAfter-bg-img.png') repeat-x;
    background-position:0 15px;
    line-height: 40px;
    padding: 0;
    height:40px;
}

.mainWrapper .header h3 span {
    background: #a3dae5;
    padding: 0 20px;
}

/* ==========================================================================
Home Page
========================================================================== */
.mainWrapper.home .section_wrapper {
    padding:0 0 30px !important;
}

.book-appointment-btn {
    position:absolute;
    top:55px;
}

.book-appointment-btn a {
    position:absolute;
    right:0;
    width:220px;
    height:61px;
    text-align:center;
    background:url('images/book-appointment-btn-bg-img.png') no-repeat;
    background-position: 0 0;
    color:#fff;
    font-family: 'Conv_SignPaiHouSla';
    font-size:22px;
    line-height:51px;
	z-index: 100;
}

.book-appointment-btn a:hover {
    background-position: 0 -61px;
    color:#fff;
    text-decoration:none;
}

/* ==========================================================================
About Nev The Barber Page
========================================================================== */
.content {
    font-family: 'AmnestyTradeGothic-BdCn20';
    color:#352115;
    font-size:18px;
    line-height:28px;
}

.content span {
    font-family: 'Conv_SignPaiHouSla';
    font-size:24px;
    line-height:24px;
    color:#b41629;
}

a.about-book-btn {
    display:inline-block;
    width:220px;
    height:61px;
    text-align:center;
    background:url('images/about-book-bg-img.png') no-repeat;
    background-position: 0 0;
    color:#fff;
    font-family: 'Conv_SignPaiHouSla';
    font-size:22px;
    line-height:70px;
    margin-top:30px;
    margin-right:15px;
}

a.about-book-btn:hover {
    background-position: 0 -61px;
    color:#fff;
    text-decoration:none;
}

a.about-book-btn.video {
    background:url('images/video-btn-bg-img.png') no-repeat;
    height:52px;
    line-height:50px;
    color:#b41629;
    margin-right:0; 
}

a.about-book-btn.video:hover {
    background-position: 0 -52px;
    color:#fff;
}

.emodal-content {
    line-height:0;
}

.emodal > .emodal-close {
    font-family: 'Conv_SignPaiHouSla' !important;
    font-size:20px !important;
    font-weight:100  !important;
    padding:8px 15px !important;
    transition: background-color 0.2s ease;
}

.emodal > .emodal-close:hover {
    background:#b41629 !important;
    color:#fff !important;
}

/* ==========================================================================
Pricing Page
========================================================================== */
.pricing-table h3 {
    color:#b41629;
    background:url('images/pricingTable-hdr-img.png') no-repeat;
    font-family: 'Conv_SignPaiHouSla';
    font-size:28px;
    line-height:43px;
    color:#b41629;
    font-weight:100;
    padding:45px 0;
    max-width:488px;
    margin:0 auto 20px;
    background-size:contain;
}

.pricing-table table {
    font-family: 'AmnestyTradeGothic-BdCn20';
    font-size:24px;
    color:#fff;
    text-transform:uppercase;
    margin-bottom:0;
}

.pricing-table table tr {
    background:url('images/table-divider-bg-img.png') repeat-x;
    background-position:0 20px;
}

.pricing-table table tr.brown {
    background-color: #352115;
}

.pricing-table table tr.red {
    background-color:#840912;
}

.pricing-table table td {
    border:0 !important;
    padding:8px 15px; 
}

.pricing-table table td.title {
    text-align:left;
    padding-right:0;
    width:100px;
}

.pricing-table table td.from {
    text-align:right;
    width:50px;
    font-size:15px;
    text-transform:none;
}

.pricing-table table td.price {
    text-align:right;
    width:50px;
    padding-left:0;
}

.pricing-table table tr.brown td.title,
.pricing-table table tr.brown td.from,
.pricing-table table tr.brown td.price {
    background:#352115;
}

.pricing-table table tr.red td.title,
.pricing-table table tr.red td.from,
.pricing-table table tr.red td.price {
    background:#840912;
}

.pricing-table a {
    font-family: 'Conv_SignPaiHouSla';
    font-size:24px;
    line-height:44px;
    color:#b41629;
    width:252px;
    height:45px;
    display:block;
    margin:0 auto;
    text-align:center;
    background:url('images/book-btn-bg-img.png') no-repeat;
    background-position:0 0;
}

.pricing-table a:hover {
    text-decoration:none;
    background-position:-252px 0;
    color:#b41629;
}

/* ==========================================================================
Products Page
========================================================================== */
.shop_slider {
    margin-top:20px;
}

.shop_slider .blog_slider_header {
    display:none;
}

.shop-slider .image_frame {
    border-top:10px solid #b61c28 !important;
    border-left:10px solid #b61c28 !important;
    border-right:10px solid #b61c28 !important;
    border-width:0;
    border-color:#b61c28;
    padding:0 !important;
}

.shop-slider .image_frame .image_wrapper .mask {
    display:none;
}

.image_frame 
.image_wrapper 
.image_links {
    display:none;
}

.shop_slider .shop_slider_ul li .item_wrapper .desc {
    background:#b61c28;
    padding:0 0 60px 0;
}

.shop_slider .shop_slider_ul li .item_wrapper .desc:before {
    background:url('images/productsImage-border.png') repeat-x;
    height:16px;
    content:'';
    position:relative;
    margin-top:-16px;
    display:block;
    z-index:99;
}

.shop_slider .shop_slider_ul li .item_wrapper .desc h4 {
    float:left;
    padding-top:10px;
}

.shop_slider .shop_slider_ul li .item_wrapper .desc h4,
.shop_slider .shop_slider_ul li .item_wrapper .desc span.price {
    font-family: 'AmnestyTradeGothic-BdCn20';
    font-size:24px;
    color:#fff;
    text-transform:uppercase;
    padding:10px 15px;
}

.shop_slider .shop_slider_ul li .item_wrapper .desc span.price {
    float:right;
    padding-right:15px;
    padding-top:10px;
    padding-left:0 !important;
}

.shop_slider .slider_pagination {
    margin-top:30px;
}

.slider_pagination a.selected, .tp-bullets.simplebullets.round .bullet.selected {
    width:12px;
    height:12px;
    top:0;
    border-radius:12px;
    margin:0 9px;
}

.slider_pagination a.selected:after, .tp-bullets.simplebullets.round .bullet.selected:after {
    display:none;
}

.slider_pagination a.selected {
    background-color:#352115 !important;
}

/* ==========================================================================
Bookings Page
========================================================================== */
.calendar h3 {
    width:100%;
    margin-bottom:0;
}

.calendar h3 span {
    color:#b41629;
    font-family: 'Conv_SignPaiHouSla';
    font-size:28px;
    line-height:28px;
    color:#b41629;
    font-weight:100;
    padding:10px 0;
    max-width:488px;
    margin:0 auto;
    background:#fff000;
    width:100%;
    display:block;
}

.calendar h3:before {
    content:'';
    background : url('images/calendar-before-bg-img.png') top center no-repeat;
    display:block;
    width:104px;
    height:33px;
    margin:0 auto;
}

.select {
    background-color:#a3dae5;
    color:#352115;
    padding:10px 14px;
    font-family: 'Conv_SignPaiHouSla';
    font-weight:normal;
    background-image:none;
}

.select span {
    display:inline-block;
    font-size:24px;
    line-height:28px;
    position:relative;
    top:2px;
    margin-right:10px;
}

.select select {
    display:inline-block;
    margin-bottom:0;
    font-family: 'Conv_SignPaiHouSla';
    padding:10px 10px 8px;
    font-size:18px;
    color:#352115;
    border:0;
    -webkit-box-shadow:none;
    box-shadow:none;
    border-radius:20px;
}

body .booked-calendar-wrap {
    font-family: 'AmnestyTradeGothic-BdCn20';
}

body table.booked-calendar th {
    padding:8px 0;
}

body table.booked-calendar th .page-right,
body table.booked-calendar th .page-left {
    top:6px;
}

body table.booked-calendar thead th .monthName {
    font-weight:100;
    font-family: 'Conv_SignPaiHouSla';
    font-size:22px;
}

body table.booked-calendar td {
    border-width:0 !important;
}

body table.booked-calendar td:first-child {
    border-left:0 !important;
}

body table.booked-calendar td {
    border-right:0 !important;
}

body table.booked-calendar td .date .number {
    width:100%;
    height:100%;
    border-radius:0;
    line-height:70px;
}

body table.booked-calendar td.today .date span {
    background:#840912;
    color:#fff000 !important;
    border:0 !important;
}

body table.booked-calendar td.today .date span:hover {
    background:#fff000 !important;
    color:#840912 !important;
}

body table.booked-calendar .booked-appt-list {
    padding:20px 35px 10px;
}

body .booked-calendar-wrap {
    margin-bottom:0 !important;
}

body .booked-calendar-wrap .booked-appt-list h2 {
    font-size:20px;
    font-family: 'AmnestyTradeGothic-BdCn20';
    font-weight:100;
    line-height:26px;
    margin-bottom:20px;
}

body table.booked-calendar button {
    font-family: 'AmnestyTradeGothic-BdCn20';
    font-size:16px;
    background:#b61c28 !important;
    color:#fff !important;
}

body table.booked-calendar .booked-appt-list .timeslot .timeslot-people button {
    border:0 !important;
}

body .booked-modal {
    font-family: 'AmnestyTradeGothic-BdCn20';
}

body .booked-modal .booked-scrollable p.booked-title-bar {
    background:#840912;
}

body .booked-modal .bm-window p small {
    font-size:24px !important;
    font-weight:100;
    font-family: 'Conv_SignPaiHouSla';
}

body .booked-modal .bm-window .close {
    top:16px;
}

body .booked-modal .bm-window p.booked-calendar-name {
    font-size:20px;
    font-weight:100;
    color:#352115;
}

body .booked-modal input[type=submit].button-primary {
    font-size:16px;
    background:#b61c28 !important;
    color:#fff !important;
    font-family: 'AmnestyTradeGothic-BdCn20';
    border:0 !important;
}

body .booked-form .cf-block select {
    height:36px;
}

body .booked-form .field input.large {
    margin-bottom:0 !important;
}

body .booked-modal button {
    font-size:16px;
    background:#fff000 !important;
    color:#b61c28 !important;
    font-family: 'AmnestyTradeGothic-BdCn20';
    border:0 !important;
}

body .booked-modal button:hover {
    background:#352115 !important;
}

/* ==========================================================================
Contact Page
========================================================================== */
.mainWrapper .contact h3 {
    font-family: 'AmnestyTradeGothic-BdCn20';
    color:#fff;
    text-transform:uppercase;
    font-size:26px;
    text-align: center;
    background : url('images/productsAfter-bg-img.png') repeat-x;
    background-position:0 15px;
    line-height: 40px;
    padding: 0;
    height:40px;
}

.mainWrapper .contact h3 span {
    background: #a3dae5;
    padding: 0 20px;
}

.mainWrapper .contact {
    font-family: 'AmnestyTradeGothic-BdCn20';
    color:#fff;
    font-size:20px;
    line-height:28px;
}

.copyright {
    font-family: 'AmnestyTradeGothic-BdCn20' !important;
    font-size:16px;
    color:#fff;
}

.copyright a {
    color:#fff;
    transition: color 0.2s ease;
}

.copyright a:hover {
    color:#352115;
    text-decoration:none;
}

/* ==========================================================================
Footer
========================================================================== */
#Footer {
    display:none;
}

/* ==========================================================================
Responsive
========================================================================== */
@media only screen and (max-width: 1239px) {
    
    .pricing-table h3 {
        line-height:14px;
    }
    
}

@media only screen and (max-width: 960px) {
    
    .pricing-table h3 {
        line-height:0;
        padding:38px 0;
        font-size:25px;
    }
    
}

@media only screen and (max-width: 767px) {
    
    .column.half {
        margin:0 1% 40px !important;
    }
    
    .pricing-table h3 {
        padding:45px 0;
        line-height:16px;
        font-size:28px;
    }
    
    table {
        display:inline-table !important;
    }
    
    a.about-book-btn {
        display:block;
    }
    
}

@media only screen and (max-width: 667px) {
    
    .column.half {
        margin:0 1% 40px !important;
    }
    
    .pricing-table h3 {
        padding:45px 0;
        line-height:42px;
        font-size:28px;
    }
    
    table {
        display:inline-table !important;
    }
    
    .calendar h3 span {
        max-width:100%;
    }
    
    .mainWrapper .section_wrapper {
        padding:20px 0 !important;
    }
    
}

@media only screen and (max-width: 380px) {
    
    .pricing-table h3 {
        padding:34px 0;
        line-height:16px;
        font-size:20px;
    }
    
}

@media screen and (max-width: 1440px) {
    .one-second.column.half {
        width: 100% !important;
        display: block;
        margin-left: auto;
        margin-right: auto;
    }
}

.page-id-114 #Header {
    display:none;
}

.page-id-114 #Content {
    margin-top:0 !important;
}

.page-id-1574 #Header_wrapper {
    display:none;
}

.page-id-1574 .sfm-rollback.sfm-fixed {
    display:none;
}