/*
 Theme Name:   Beginner Ukuleles
 Description:  BeginnerUkuleles.com Theme
 Template:     generatepress
 Version:      0.2
*/




/* Make single column on tablets
	Certain widgets from AAWP plugin are too wide for a two-colum layout on tablets, cusing the widget to extend outside of the main content column
	This forces the content and sidebar widgets into a single column layout like on a phone
------------------------------------------------------------ */

/* NOT WORKING YET, I THINK */


@media (max-width: 1024px) and (min-width: 768px) {
	.tablet-grid-70 {
	    float: left;
	    width: 100% !important;
	}
	.separate-containers .site-main {
		margin: 0 !important;
	}
	
	.tablet-grid-30 {
	    float: left;
	    width: 100% !important;
	    text-align: center !important;
	    /* margin: 0 auto; */
	    /* margin: auto 0; */
	}
	
	.inside-right-sidebar.q2w3-fixed-widget-container {
    width: 60%;
    margin: 50px auto;
}

.nav-float-right .inside-header .main-navigation {
	float: none !important;
    display: inline-block;
    text-align: center;
    margin: 0 auto !important;
}

.inside-header.grid-container.grid-parent {
    text-align: center;
}

h1.entry-title, h1.page-title, .home h1 {
	text-align: center;
}

}


/* Misc
------------------------------------------------------------ */

/*
.home h2, .archive h2 {
	font-size: 22px;
}

.featured-column h2 {
	font-size: 1.75 em;
}
	
*/


/* Hide "Popular Posts" widgets on homepage */

/*
.page-id-3274 #rpwe_widget-2 {
	display: none;
}
*/

.page-numbers {
    border: 1px solid rgba(232, 234, 237, 1);
	padding: 10px 15px;
	margin-right: 5px;
	border-radius: 4px;
	box-shadow: 1px 1px 4px #8686861f;
	
}

/*
.home #custom_html-9 {
	display: none;
}
*/

.entry-content li {
    margin-bottom: 15px;
}



ol, ul {
    margin: 0 0 1.5em 2em;
}

@media (max-width: 768px) {
	ol, ul {
	    margin: 0 0 1.5em 1.2em;
	}
}

.entry-content h1,
.entry-content h2,
.entry-content h4,
.entry-content h5
{
    margin-top: 55px;
}

.entry-content h2 {
	margin-top: 75px;
}

.entry-content h2 a {
    text-decoration: none;
} 


.entry-content h3 {
	margin-top: 35px;
}

.entry-content a {
    color: #2455a2;
    text-decoration: underline;
}

.entry-content a:visited {
	color: #DE5A3F;
    text-decoration: underline;
}


.entry-content img {
	margin: 0px auto;
}

.wp-caption-text {
	font-style: italic;
}

h1.entry-title, h1.page-title, .home h1, .single-post h2, .widget h2, .taxonomy-description h2 {
	padding-bottom: 5px;
	border-bottom: 0px solid #d0d0d0;
}

.home h1 {
	margin-top: 0;
}


.widget h2 {
	margin-bottom: 15px;
}

h2 a, h2 a:visited {
	color: #3c3c3c;
}

.template-post-image {
	width: 500px;
}

.byline { /* Capitaloze author byline */
    text-transform: capitalize;
}


/* Large Element Shadows */

.inside-article, .sidebar .widget, .comments-area, header.page-header.masonry-brick, .page-header, .paging-navigationm {
/*     border: 1px solid rgba(230, 230, 230, 1); */
	    box-shadow: 0 0 10px rgba(232, 234, 237, 0.5);
}


/* Make first paragraph a little bigger
------------------------------------------------------------ */

.entry-content > p:first-of-type {
	font-family:"Roboto Condensed", Georgia,Serif;
	line-height:125%;
	font-size:150%;
	margin-top: 1.5em;
	margin-bottom: 1em;

}


/* AAWP Amazon plugin
------------------------------------------------------------ */

.aawp-table-minimal-single-container {
    margin-bottom: 25px;
}

.aawp-minimal-box-container #product-image-container img {
	display:block;
/* 	width: 60%; */
	max-width: 60%;
	max-height: 100%;
	margin:0 auto 50px;
}

.aawp-minimal-box-container {
	margin-bottom: 25px;
}

.aawp table.aawp-table td {
	border: none !important;
}

.aawp-product__reviews {
	font-size: 15px !important;
}


/* template="mini-box" */

.aawp.aawp-table-mini-box-container {
    border: 1px solid #eaeaea;
    border-radius: 5px;
    padding: 5px;
    margin-bottom: 30px;
}

table.aawp-table.aawp-table-mini-box {
    border: none !important;
    margin-bottom: 0 !important;
    margin-top: 0 !important;
}



/* Margins & Widths
------------------------------------------------------------ */

.post-last-modified {
	margin-top: 10px;
}

/* Margins & Widths
------------------------------------------------------------ */


.margin-20px {
	margin: 20px auto !important; 
}

.margin-30px {
	margin: 30px auto !important;
}

.margin-40px {
	margin: 40px auto !important;
}

.margin-50px {
	margin: 50px auto !important;
}

.width-50 {
	width: 50% !important;
}

.width-60 {
	width: 60% !important;
}

.width-70 {
	width: 70% !important;
}

.width-80 {
	width: 80% !important;
}

.width-90 {
	width: 90% !important;
}



/* Header and Navigation
------------------------------------------------------------ */


nav#mobile-header {
/*     background-color: #3060CF; */
}

.mobile-header-navigation .site-logo.mobile-header-logo img {
	max-height: 50px;
	max-width: 50px;
}


.site-logo img {
    width: 250px;
/*     height: 100px; */
}

/*
.mobile-grid-100 #main {
	margin-top: 0;
}
*/

.site-header {
	border-bottom: 1px solid rgba(232, 234, 237, 1);
    box-shadow: 0 0 10px rgba(232, 234, 237, 0.5);
}


@media (max-width: 1024px) {
	main#main {
	    margin-top: 0 !important;
	}
}





/* Footer
------------------------------------------------------------ */


.site-footer ul li {
    padding-bottom: 15px !important;
}


.site-footer ul li {
    padding-bottom: 15px !important;
}



/* Archives
------------------------------------------------------------ */

.paged .page-header {
	display: none;
}

.post-type-archive-tab header,
.post-type-archive-tab .inside-article {
	border: none !important;
	background: none !important;
	padding: 5px 15px;
}

.post-type-archive-tab .entry-summary {
	display: none;
}



/* Table of Contents */
/*------------------------------------------------------------ */

.lwptoc_toggle {
    font-size: 85%;
}

.lwptoc_toggle a {
    background: #e6e6e6;
    border-radius: 5px;
    padding: 2px 5px;
}

.lwptoc_toggle a:hover {
    background: #cfcfcf;
}

.lwptoc_toggle:before, .lwptoc_toggle:after {
	display: none;
}

.lwptoc-light .lwptoc_i {
    color: #333;
/*     background: #fafafa; */
    border-radius: 5px;
    border: 1px solid rgba(230, 230, 230, 1);
}

.lwptoc-notInherit .lwptoc_i DIV A:hover {
    border-bottom: none !important;
}

.lwptoc_header{
	border-bottom: 1px solid #ccc;
}



/* Chords and Tabs Custom Post Types
------------------------------------------------------------ */

.pdf-download-button {
    padding: 10px 19px !important;
    display: inline-block;
    margin-top: 30px;
    margin-right: 10px;
    margin-bottom: 20px;
}

a.pdf-download-button {
	text-decoration: none;
	border-radius: 10px;
    background-color: #426cce;
    border: none;
}

a.pdf-download-button:hover {
	opacity: 0.8;
}

a.pdf-download-button, a.pdf-download-button:visited {
	color: #fff;
}

.single-tab .entry-content h2 {
	border-bottom: 2px solid #ccc;
	margin-top: 45px;
	
}


.uke-like-pros-tab-post h1, .entry-content.uke-like-pros-tab-post h2 {
	margin-top: -35px;
}

p.tab-dominator-attribution {
	font-size: 1em !important;
}

.tab h1 {
	font-size: 30px;
}



/* Related posts
------------------------------------------------------------ */

.rp4wp-related-posts {
    border-top: 1px solid #ccc;
    margin-top: 35px;
}

.rp4wp-related-post-content a {
	font-weight: bold;
	text-decoration: none;
}

div#right-sidebar h3 {
    font-size: 18px !important;
}




/* Giveaway widget styles
------------------------------------------------------------ */

.giveaway-button {
	background-color:#609c43;
	-moz-border-radius:28px;
	-webkit-border-radius:28px;
	border-radius:28px;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-weight: 300;
	letter-spacing: 1px;
	font-size:19px;
	padding:16px 31px;
	text-decoration:none;
}

.giveaway-button a {
	color: #fff;
}

.giveaway-button:hover {
	background-color:#72b352;
}
.giveaway-button:active {
}



/* Giveaway Sidebar Widget
------------------------------------------------------------ */


aside#custom_html-6 {
	background-color:#e5f5fd;
/*     border: 1px solid #afcde3; */
	border-left:4px solid #afcde3;
    padding: 10px 15px 15px;
    background: #f6f8ff;
}



/* Make videos mobile responsive
------------------------------------------------------------ */

.ukulele-vs-guitar-table {
	max-width: 550px;
}

.ukulele-vs-guitar-table th {
	font-weight: bold;
}

.ukulele-vs-guitar-table td,
.ukulele-vs-guitar-table th {
    padding: 10px 15px;
}

table.alternating-row-colors, 
table.alternating-row-colors td, 
table.alternating-row-colors th {
	border: none;
}

table.alternating-row-colors tr:nth-child(even) {
	background-color: #f2f2f2;
}

th.stat,
td.stat  {
	text-align: right;
}



/* Make videos mobile responsive
------------------------------------------------------------ */


.video-wrapper {
	position: relative;
	padding-bottom: 56.25%; /* 16:9 */
	padding-top: 25px;
	height: 0;
}
.video-wrapper iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}


/* Shadows */

.rpwe-thumb { /* Clear related post thumbnail rules */
	padding: none !important;
	box-shadow: 1px 1px 2px #979797 !important;

}

.post-image img, .featured-image img, img.rpwe-thumb {
	box-shadow: 1px 1px 2px #979797;
}

h3.rpwe-title {
	font-size: 15px !important;
}





.aawp.aawp-table-mini-box-container,
/* .inside-header, */
.lwptoc,
.content-box-blue,
.content-box-gray,
.content-box-green,
.content-box-purple,
.content-box-red,
.content-box-yellow
{
/* 	box-shadow: 2px 2px 4px #86868617; */
}



/* Content Boxes
------------------------------------------------------------ */
.content-box-blue,
.content-box-gray,
.content-box-green,
.content-box-purple,
.content-box-red,
.content-box-yellow
{
	margin:0 0 35px;
	overflow:hidden;
	padding:20px;
	border-radius: 4px;
}

.content-box-blue h1,
.content-box-gray h1,
.content-box-green h1,
.content-box-purple h1,
.content-box-red h1,
.content-box-yellow h1{
	margin-top: 0;
}

.content-box-blue h2,
.content-box-gray h2,
.content-box-green h2,
.content-box-purple h2,
.content-box-red h2,
.content-box-yellow h2{
	margin-top: 0;
}

.content-box-blue h3,
.content-box-gray h3,
.content-box-green h3,
.content-box-purple h3,
.content-box-red h3,
.content-box-yellow h3{
	margin-top: 0;
}

.content-box-blue p:first-of-type,
.content-box-gray p:first-of-type,
.content-box-green p:first-of-type,
.content-box-purple p:first-of-type,
.content-box-red p:first-of-type,
.content-box-yellow p:first-of-type
{
/*
	font-size: inherit !important;
    font-family: inherit !important;
    line-height: inherit !important;	
*/
}


.content-box-blue p:last-of-type,
.content-box-gray p:last-of-type,
.content-box-green p:last-of-type,
.content-box-purple p:last-of-type,
.content-box-red p:last-of-type,
.content-box-yellow p:last-of-type
{
	margin-bottom:0;
}

.content-box-blue
{
	background-color:#e5f5fd;
    border: 1px solid #afcde33d;
/* 	border-left:2px solid #afcde3; */
}

.content-box-gray
{
	background-color:#ececec;
    border: 1px solid #bdbdbd40;
/* 	border-left:2px solid #bdbdbd; */
}

.content-box-green
{
	background-color:#cfecad78;
    border: 1px solid #b3cc9a29;
/* 	border-left:2px solid #b2ce96; */
}

.content-box-purple
{
	background-color:#e2e2f9;
    border: 1px solid #bebde9;
/* 	border-left:2px solid #bebde9; */
}

.content-box-red
{
	background-color:#f9dbdb;
    border: 1px solid #e9b3b333;
/* 	border-left:2px solid #dc7373; */
}

.content-box-yellow
{
	background-color:#fef5c4;
    border: 1px solid #fadf9854;
/* 	border-left:2px solid #fadf98; */
}

/* Color Buttons
------------------------------------------------------------ */
.button-blue,.button-gray,.button-green,.button-purple,.button-red,.button-yellow
{
	color:#fff;
	padding:5px 10px;
}


.button-blue:hover,.button-gray:hover,.button-green:hover,.button-purple:hover,.button-red:hover,.button-yellow:hover
{
	text-decoration:none;
}

.button-blue
{
	background-color:#afcde3;
	border:1px solid #afcde3;
}

.button-blue:hover
{
	background-color:#83a2be;
	border:1px solid #83a2be;
}

.button-gray
{
	background-color:#bdbdbd;
	border:1px solid #bdbdbd;
}

.button-gray:hover
{
	background-color:#919191;
	border:1px solid #919191;
}

.button-green
{
	background-color:#b2ce96;
	border: 1px solid #b2ce96;
	
}

.button-green:hover
{
	background-color:#86a36e;
	border:1px solid #86a36e;
}

.button-purple
{
	background-color:#bebde9;
	border:1px solid #bebde9;
}

.button-purple:hover
{
	background-color:#9291c7;
	border:1px solid #9291c7;
}

.button-red
{
	background-color:#e9b3b3;
    border:1px solid #e9b3b3;
}

.button-red:hover
{
	background-color:#c78787;
	border:1px solid #c78787;
}

.button-yellow
{
	background-color:#fadf98;
	border:1px solid #fadf98;
}

.button-yellow:hover
{
	background-color:#ecb870;
	border:1px solid #ecb870;
}