/* 
 * DO NOT Edit this file, or your CSS code will be overwritten!!
 * This file is intended for the theme's internal use.
 * 
 */
body, #page-content-title .title-description { font-family:'Roboto Condensed'; font-weight: normal; font-style: normal; }
body { font-size:17px; line-height:1.8; }

.has-small-font-size { font-size: 15px; }
.has-normal-font-size { font-size: 17px; }
.has-medium-font-size  { font-size: 21px; }
.has-large-font-size  { font-size: 37px; }
.has-larger-font-size  { font-size: 51px; }

h1, h2, h3, h4, h5, h6, #slogan { font-family:'Roboto'; }
h1, h2, h3, h4, h5, h6 { line-height:1.3; font-weight: normal; font-style: normal; }

#top-elements { height:144px; }
    #logo h1 a, #logo .site-name a { background:transparent url(https://archive.12fret.com/wp-content/uploads/TheTwelfthFret-GuitaristsProShop_logo500x122.png) no-repeat 0 100%; width:500px; height:122px; }       
#logo { top: 20px; }
#slogan { 
    top:106px;
    left:360px;
}
#slogan { font-size:17px; }
#navigation-menu { font-family:'Roboto Condensed'; font-weight: normal; font-style: normal; font-size:15px; }
#navigation-menu > ul.sf-menu { margin-top:0; }
h1 { font-size:1.4664em; }
h2 { font-size:1.3336em; }
h3 { font-size:1.2em; }
h4 { font-size:1.0664em; }
h5 { font-size:1em; }
h6 { font-size:0.8664em; }

#page-content-title #page-title h1, #page-content-title #page-title h2, #page-content-title #page-title h3 { font-size:1.3336em;}
.post-top h1, .post-top h2, .post-top h3 { font-size:1.52em; }
#sidebarSubnav h3, h3.bottom-col-title { font-size:0.968em; }
.portfolio-items-wrapper h2 { font-size:1.0664em; }
h2.portfolio-single-column { font-size:1.3336em; }

    h6 { font-family:'Playfair Display'; font-weight: normal; font-style: normal; font-size:1.15em; line-height:1.3; }

#c2-slider .slide-desc h2, #c2-slider .slide-desc { color:#333333; }
#c2-slider .slide-desc h2 { font-size:1.8em !important; font-family:'Roboto Condensed'; line-height:1.7; }
#c2-slider .slide-desc p, #c2-slider .slide-desc ul { font-size:1.2em; line-height:1.7; }
#c3-slider .sliding-text { color:#FFFFFF; font-size:1.2em; line-height:1.7; }

    
	#feedback a.feedback { background-color: #F9710E; }

    @media screen and (min-width: 720px) {
        #navigation-menu { left: 0; padding-left: 4px; }
        .u-design-responsive-on #navigation-menu { left: 0; padding-left: 17px; }
    }
    @media screen and (min-width: 960px) {
        .u-design-responsive-on #navigation-menu { left: 0; padding-left: 4px; }
    }
    
/* secondary nav bar items' alignments */
#sec-nav-text-area-1 { text-align: right; }
#sec-nav-text-area-2 { text-align: right; }
#sec-nav-menu-area { text-align: left; }
    

body, .posts-counter, h3.accordion-toggle a { color:#333333; }
a, #isotope-options li a:hover, #isotope-options li a.selected, h3.accordion-toggle.active a { color:#AB9353; }
a:hover, .post-top h2 a:hover, .post-top h3 a:hover, #isotope-options li a, .single-post-nav-links .prev-title a:hover, .single-post-nav-links .next-title a:hover { color:#333333; }
.custom-formatting li.current_page_item > a, .custom-formatting li.current-menu-item > a, .custom-formatting li.current-cat > a, .custom-formatting li.current > a { color: #333333; }
.custom-formatting li.current_page_item > a:hover, .custom-formatting li.current-menu-item > a:hover,.custom-formatting li.current-cat > a:hover, .custom-formatting li.current > a:hover { color: #AB9353; }
h1, h2, h3, h4, h5, h6, .post-top h2 a, .post-top h3 a, .single-post-nav-links .prev-title a, .single-post-nav-links .next-title a { color:#333333; }
    #top-wrapper { background-color:#FFFFFF; }
#slogan, #top-elements .phone-number, #top-elements .social_media_title, #search input.blur, #search input.inputbox_focus { color:#000000; }
#slogan{ color:#000000; }
    #c1-header, #c2-header, #c3-header, #rev-slider-header { background-color:#FFFFFF; }
    #main-menu {
        background-color: #FBFBFB; /* The fallback. */
        background-color: rgba(251,251,251,0);
    }
@media screen and (min-width: 720px) {
    .u-design-fixed-menu-on.fixed-menu #main-menu {
        background-color: #FBFBFB; /* The fallback. */
        background-color: rgba(251,251,251,0);
    }
}
#navigation-menu ul.sf-menu > li > a > span { color:#AB9353; }
#navigation-menu ul.sf-menu > li.current-menu-item > a > span, #navigation-menu ul.sf-menu > li.current_page_item > a > span { color:#000000; }
#navigation-menu ul.sf-menu > li.current-menu-item > a > span:hover, #navigation-menu ul.sf-menu > li.current_page_item > a > span:hover { color:#000000; }
#navigation-menu ul.sf-menu > li > a:hover span { color:#000000; }
#navigation-menu ul.sf-menu a, #navigation-menu ul.sf-menu a:visited {color: #FFFFFF; }
#navigation-menu ul.sf-menu a:hover  { color:#222222; }
#navigation-menu ul.sf-menu li li {
    background-image: none;
    margin-bottom: 1px;
    background-color: #000000; /* The fallback. */
    background-color: rgba(0,0,0,1);
}
		 #navigation-menu .sf-arrows .sf-with-ul:after,
	 #navigation-menu .sf-arrows .top_bg_color .sf-with-ul:after {
		content: "\2193";
		position: absolute;
		right: 15px;
		top: 50%;
		margin-top: -9px;
		padding: 0;
		font-size: 11px;
		font-family: fontawesome;
		font-style: normal;
		font-weight: 400;
		box-sizing: border-box;
		color:#AB9353;
	}
	 #navigation-menu .sf-arrows ul.sub-menu .sf-with-ul:after {
		content: "\2192";
		top: 14px;
		margin-top: -7px;
		margin-left: 0;
		color:#FFFFFF;
	}
	 #navigation-menu .sf-arrows ul.sub-menu .sf-with-ul:hover:after {
		color:#222222;
	}

#secondary-navigation-bar-wrapper  {
    background-color: #000000; /* the fallback */
    background-color: rgba(0,0,0,1);
}
#secondary-navigation-bar-content  { color:#FFFFFF; }
#secondary-navigation-bar-content a { color:#FFFFFF; }
#secondary-navigation-bar-content a:hover { color:#AB9353; }
#page-content-title #page-title h1, #page-content-title #page-title h2, #page-content-title #page-title h3,
#page-content-title #page-title .breadcrumbs, #page-content-title #page-title .breadcrumbs a { color:#333333; }
    #page-content-title { background-color:#FFFFFF; }
    #before-content { position: relative; }
    #before-content::before { 
	content: " ";
	background: url(../../../images/repeat-x-sprite-sheet.png) repeat-x scroll 0 -292px; /* Original: home-page-before-content-top.png */
	position: absolute;
	top: 0;
	width: 100%;
	height: 1px;
    }
    #home-page-content, #page-content, #footer-bg { position: relative; }
    #home-page-content::before, #page-content::before, #footer-bg::before {
	content: " ";
	background: url(../../../images/repeat-x-sprite-sheet.png) repeat-x scroll 0 -363px; /* Original: home-page-content-top.png */
	position: absolute;
	top: 0;
	width: 100%;
	height: 3px;
    }
    #home-page-content, #page-content, .no_title_section #page-content { background-color:#FFFFFF; }
h3.before_cont_title { color:#333333; }
#before-content { color:#333333; }
    #before-content { background-color:#FFFFFF; }
    #bottom-bg { background-color: #000000; }
h3.bottom-col-title { color: #FFFFFF; }
#bottom, #bottom .textwidget, #bottom #wp-calendar, #bottom .posts-counter { color: #282828; }
#bottom a { color: #FFFFFF; }
#bottom a:hover { color: #AB9353; }
    #footer-bg { background-color: #FFFFFF; }
body { background-color: #FFFFFF; }
#footer, #footer_text { color: #797979; }
#footer a, #footer_text a { color: #AB9353; }
#footer a:hover, #footer_text a:hover { color: #000000; }


    @media screen and (max-width: 719px) {
        #logo { top: 6px; }
        #logo h1 a, #logo .site-name a { background:transparent url(https://archive.12fret.com/wp-content/uploads/TheTwelfthFret-GuitaristsProShop_logo500x122.png) no-repeat 0 100%; height:150px; }
        #wrapper-1, #top-wrapper, #c1-header, #c2-header, #c3-header, #rev-slider-header, #page-content-title, #home-page-content, #page-content, .no_title_section #page-content, #before-content, #bottom-bg, #footer-bg, #before-content::before, #home-page-content::before, #page-content::before, #footer-bg::before { background-image:none; }
    }
    @media screen and (max-width: 959px) {
        #c2-slider .slide-desc p, #c2-slider .slide-desc ul  { font-size:1.1em; line-height:1.6; }
        ul#c2-slider li ul li { font-size:0.8em; }	
    }
    @media screen and (max-width: 480px) {
        #c2-slider .slide-desc h2 { font-size:1.4em !important; line-height:1.5; }
    }
    @media screen and (min-width: 720px) and (max-width: 959px) {
        .mean-container #logo {
            left: 0;
            margin-left: 0;
            padding-left: 20px;
            position: relative;
            width: 700px;
        }
        .mean-container #logo h1 a, .mean-container #logo .site-name a {
            width: 700px;
            max-width: 700px;
            background-position: 50% 60%;
            background-size: inherit;
        }
    
        #top-elements { min-height:122px; }
        #c2-slider .slide-desc h2 { font-size:1.7em !important; line-height:1.6; }
    }

@media screen and (min-width: 720px) {
    .u-design-fixed-menu-on.fixed-menu #top-elements,
    .u-design-fixed-menu-on.fixed-menu #secondary-navigation-bar-wrapper {
        display: none;
        height: 0;
        margin: 0;
        padding: 0;
    }
    .u-design-fixed-menu-on.fixed-menu #top-wrapper {
        background-color:#FFFFFF;
        position: fixed;
        display: block;
        width: 100%;
        z-index: 9500;
        opacity: 0.90;
    }
    .u-design-fixed-menu-on.fixed-menu #navigation-menu ul.sf-menu { margin-top: 0; }
    #sticky-menu-alias, #sticky-menu-logo { display: none; }
    
    .u-design-fixed-menu-on.fixed-menu #navigation-menu #sticky-menu-logo {
        display:inline-block;
        float:left;
        height: 40px;
        padding-left: 20px;
    }
    .u-design-fixed-menu-on.fixed-menu #navigation-menu #sticky-menu-logo img { height: inherit; }
    .u-design-fixed-menu-on.fixed-menu #navigation-menu > ul.sf-menu { background-color: transparent; }
        .u-design-fixed-menu-on.fixed-menu #navigation-menu > ul.sf-menu {
          margin-left: 0;
          margin-right: 0;
        }
}
    @media screen and (min-width: 720px) {
        .u-design-fixed-menu-on.fixed-menu #main-menu {
            -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.15);
               -moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.15);
                    box-shadow: 0 0 5px rgba(0, 0, 0, 0.15);
        }
    }
    @media screen and (min-width: 720px) {
        .u-design-fixed-menu-on.fixed-menu #top-wrapper { background-image:none; ?>; }
    }
    
    @media screen and (min-width: 960px) {
        /* Set the Container widths first */
        .container_24 {
            max-width: 1240px;
            width: auto;
        }
        /* Sidebar */
        #main-content.grid_16 { width: 80%; }
        #sidebar.grid_8 { width: 20%; }
        #sidebar.push_8, #main-content.push_8 { left: 20%; }
        #main-content.pull_16, #sidebar.pull_16 { right: 80%; }
    }
    
/* Handle Gutenberg's alignwide option for global fixed width page layout. */
@media screen and (min-width: 1380px) {
	.udesign-is-global-page-width #main-content .alignwide {
		margin-left: -70px;
		margin-right: -70px;
		max-width: 1340px;
	}
	.udesign-is-global-page-width #main-content .wp-block-table.alignwide,
	.udesign-is-global-page-width #main-content .wp-block-cover.alignwide,
	.udesign-is-global-page-width #main-content .wp-block-pullquote.alignwide {
		width: 1340px;
	}
}
    /* BEGIN: STICKY FOOTER CSS */
    html, body { height: 100%; }
    #wrapper-1 { min-height: 100%; }
        #wrapper-1 { background-color: inherit;}
    .push {
        overflow:auto;
        padding-bottom: 44px; 
    }
    #footer-bg {
        position: relative;
        margin-top: -44px; /* negative value of footer height */
        height: 44px;
        clear:both;
    }
    /* Opera Fix */
    body:before {
        content:"";
        height:100%;
        float:left;
        width:0;
        margin-top:-32767px;
    }
    /* END: STICKY FOOTER CSS */