/*
Theme Name: Red Pebble Web Design Custom Theme
Description: Custom Design based on HTML5 Blank WordPress Theme by Todd Motto
Version: 1.4.3
Author: Red Pebble Web Design
Author URI: http://www.red-pebble.com
Tags: Blank, HTML5, CSS3

License: MIT
License URI: http://opensource.org/licenses/mit-license.php

COLORS:
Color1: #3B2314 Dark Brown
Color2: #00AA99  Folk School Teal
Color3: #8ED000  Cafe Green
Color4: #0094FC  Music Space Blue
Color5: #F2F0EE Light Grey
*/
/*------------------------------------*\
	TYPOGRAPHY
	embed fonts using functions.php
\*------------------------------------*/


/*------------------------------------*\
    PARALLAX
\*------------------------------------*/
.nav {display:block; width:100%; height:76px; z-index: 99999;position: fixed;}

/*#page {
  height: 150vh;
  max-height: 100%;
  overflow-x: hidden;
  perspective: 1px;
  perspective-origin: center top;
  transform-style: preserve-3d;
  padding: 0;
}

.header {

  position: relative;
  vertical-align: top;
  transform-origin: center top;
  transform: 
    translateZ(-1px)
    scale(2.01);
}

#mainwrap {
  transform: translateZ(0);   
}

html, body { height: 100%; }*/
/*------------------------------------*\
    MAIN
\*------------------------------------*/
/* html element 62.5% font-size for REM use */
html {
	font-size:62.5%;
}
body {
	font:400 18px/1.5 'Roboto', Helvetica, Arial, sans-serif;
	color:#444;
}
/* clear */
.clear:before,
.clear:after {
    content:' ';
    display:table;
}

.clear:after {
    clear:both;
}
.clear {
    *zoom:1;
}
img {
	max-width:100%;
	vertical-align:bottom;
	height:auto;
}
a {
	color:#00AA99;
	text-decoration:none;
}
a:hover {
	color:#879E00;
}
a:focus {
	outline:0;
}
a:hover,
a:active {
	outline:0;
}
input:focus {
	outline:0;
	border:1px solid #04A4CC;
}
* { /* remove hover color on android */
    -webkit-tap-highlight-color:rgba(0,0,0,0);
}

h1 {
    font-family: 'Merriweather', serif;
    font-size: 2em;
    margin: 0.67em 0;
}

h2 {
    font-size: 1.65em;
    margin: 0.83em 0;
}

h3 {
    font-size: 1.4em;
    margin: 1em 0;
}

h4 {
    font-size: 1.2em;
    margin: 1.33em 0;
}

h5 {
    font-size: 0.83em;
    margin: 1.67em 0;
}

h6 {
    font-size: 0.75em;
    margin: 2.33em 0;
}

hr { 
    clear:both;
  border: 0; 
  height: 1px; 
  background-image: -webkit-linear-gradient(left, #F2F0EE, #A09188, #F2F0EE);
  background-image: -moz-linear-gradient(left, #F2F0EE, #A09188, #F2F0EE);
  background-image: -ms-linear-gradient(left, #F2F0EE, #A09188, #F2F0EE);
  background-image: -o-linear-gradient(left, #F2F0EE, #A09188, #F2F0EE); 
    margin: 30px 0;
}


/*------------------------------------*\
    STRUCTURE
\*------------------------------------*/
#main {
	background: #FFF;
	padding-top: 20px;
	padding-bottom: 20px;
	border-top: 1px solid #D9D9D9;
	border-bottom: 1px solid #D9D9D9;
	clear:left;
    width: 100%;
}
/* wrapper */
.wrapper {
	max-width:1200px;
	width:95%;
	margin:0 auto;
	position:relative;
}
	section, .primary {
	width:100%;
	}
	article {
	padding: 0px 0px 20px;
	}
/* header */
.header {
    display:block ;
    width: 100%;
      background: url("img/bg-banner.jpg");
  background-size: cover;
  background-position: center center;
    }
.header > .wrapper {display:block; width:100%; vertical-align: middle; padding: 105px 0 30px ; }
        .page-template-template-index .header > .wrapper {padding: 125px 0 50px ; }
.header > .wrapper:after {
    content:' ';
    display:table;
clear:both;}

/* screen reader navigation skip */
a.skip {
    left: -999em;
    position: absolute;
}

/* logo */
.logo a {display:flex; align-items: center; }
	.logo-img {
        height:150px;
        float:left;
        }
    .page-template-template-index .logo-img {
            width:25%;
            min-width:200px;
            max-width:250px;
        height:auto;
            float:left;
        }
    .tagline {float:left; width:calc(98.5% - 150px); margin-left: 1.5%; }
    .page-template-template-index .tagline {width:72.5%; margin-left: 1.5%; }

.script_headline {
    display:block;
    font-family:'Meddon', serif;
    font-size: 2.8em;
    line-height: 1.1em;
    color: rgba(255,255,255,0.5);
}
.primary_headline {
    display:block;
    font-family: 'Merriweather', serif;
    font-size: 4.2em;
    line-height: 1.1em;
    color:#fff;
    }
/* sidebar */
.sidebar  {
	width: 32%;
	margin-left: 3%;
	float:left;
	}
	aside >div {margin-right: 15px;}
/* footer */
.footer {
	clear:left;

}

/*------------------------------------*\
    NAVIGATION
\*------------------------------------*/
#mobile-menu {display:none; visibility:hidden; position:absolute;}
.nav > a {
	display: none;
			}
.nav {

	}
.nav ul {
		list-style: none;
		margin: 0;
		padding-left: 0;
	}
	.nav li {
		position: relative;
	}
	.nav > ul {
		display:table;
        table-layout:fixed;
        width:100%;
	}
	.nav > ul > li {
        width: calc(33% - 25px);
		display:table-cell;
        text-align:center;
        
        /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#3d2313+1,27221f+100 */
        background-color: #3d2313; /* Old browsers */
        background-color: -moz-radial-gradient(center, ellipse cover, #3d2313 1%, #27221f 100%); /* FF3.6-15 */
        background-color: -webkit-radial-gradient(center, ellipse cover, #3d2313 1%,#27221f 100%); /* Chrome10-25,Safari5.1-6 */
        background-color: radial-gradient(ellipse at center, #3d2313 1%,#27221f 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3d2313', endColorstr='#27221f',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
            }
        
        .nav li.folkschool {
        /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#15ab9e+0,00695e+100 */
        background: #15ab9e; /* Old browsers */
        background: -moz-radial-gradient(center, ellipse cover, #15ab9e 0%, #00AA99 100%); /* FF3.6-15 */
        background: -webkit-radial-gradient(center, ellipse cover, #15ab9e 0%,#00AA99 100%); /* Chrome10-25,Safari5.1-6 */
        background: radial-gradient(ellipse at center, #15ab9e 0%,#00AA99 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#15ab9e', endColorstr='#00AA99',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
        }
        .nav li.cafe {
        /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#a1d100+1,879e00+100 */
        background: #a1d100; /* Old browsers */
        background: -moz-radial-gradient(center, ellipse cover, #a1d100 1%, #879e00 100%); /* FF3.6-15 */
        background: -webkit-radial-gradient(center, ellipse cover, #a1d100 1%,#879e00 100%); /* Chrome10-25,Safari5.1-6 */
        background: radial-gradient(ellipse at center, #a1d100 1%,#879e00 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a1d100', endColorstr='#879e00',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
        }
        .nav li.space {
            /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#009bff+1,006b9f+100 */
        background: #009bff; /* Old browsers */
        background: -moz-radial-gradient(center, ellipse cover, #009bff 1%, #006b9f 100%); /* FF3.6-15 */
        background: -webkit-radial-gradient(center, ellipse cover, #009bff 1%,#006b9f 100%); /* Chrome10-25,Safari5.1-6 */
        background: radial-gradient(ellipse at center, #009bff 1%,#006b9f 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#009bff', endColorstr='#006b9f',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
        }
        .nav li.home {/*background-image:url("img/icon-home.png"); background-repeat:no-repeat; background-position: center;*/ text-indent: -99999px; width: 75px;}
.nav li.home a:before {
  content:"\e904";
                color:#B9AB9F!important;
                position: absolute;
   text-indent:0;
    line-height: 75px;
    display:block;
  width: 75px;
  font-family: 'icomoon' !important;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
	.nav a {
	color: #FFF;
	display: block;
	line-height: 75px;
	text-decoration: none;
	padding: 0 5px;
	}
	.nav>ul>li>a {
        font-family: 'Merriweather', serif;
        font-size: 1.667em;
        display: block;
	}
    
.nav>ul>li.menu-item-has-children>a:after {
    display:inline-block;
    content:"";
    width: 0; 
    height: 0; 
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-top: 10px solid rgba(255,255,255,0.5);
    margin-left:10px;
    }
    .nav>ul>li.menu-item-has-children:hover>a:after {
    border-top: 10px solid rgba(255,255,255,0.8);
    }
	.nav ul ul {
		display: none;
		float: left;
		margin: 0;
		position: absolute;
		top: 75px;
        left:calc(20% + 10px);
		z-index: 99999;
        padding:0;
        background:#FFF;
        text-align:left;
        border: solid 10px #F2F0EE;
        border-top:none;
	}
	.nav ul ul ul {
		left: 100%;
		top: 0;
        float:left;
	}
	.nav ul ul a {
		background: #fff;
		border-bottom: 1px solid #ddd;
		color: #444;
		font-size: 0.875em;
		font-weight: normal;
		height: auto;
		line-height: 1.4em;
		padding: 12px 15px;
		width: 200px;
		}
		.nav ul ul li:first-child a {
			}
		.nav ul ul li:last-child a {
			}
	.nav>ul>li:hover > a,
	.nav>ul>li>a:focus {
	margin-bottom: 0px;
	}
	.nav ul ul li:hover > a,
	.nav ul ul a:focus {
	color: #00AA99;
   
	}

.nav>ul>li:hover {/*filter: hue-rotate(10deg);*/}
    .nav>ul>li>a:hover, .nav>ul>li:hover>a {color:#FFF; filter: drop-shadow(0px 0px 12px white);}

	.nav ul li:hover > ul {
		display: block;
	}
	.nav .current-menu-item > a,
	.nav .current-menu-ancestor > a,
	.nav .current_page_item > a,
	.nav .current_page_ancestor > a,
	.current-post-parent > a {
	color: #FFF;
	}
		.nav ul ul .current-menu-item > a,
		.nav ul ul .current-menu-ancestor > a,
		.nav ul ul .current_page_item > a,
		.nav ul ul .current_page_ancestor > a {
			border-bottom: 1px dotted #ddd;
            color: #879E00;
		}

.secondary-nav {display:block; width:100%; background-color:#3B2314; border-top:solid 1px rgba(242,240,238,0.35); float:left; }
.secondary-nav ul {
		list-style: none;
		margin: 0;
		padding-left: 0;
        float:left;
	}
	.secondary-nav li {
		display:inline-block;
		position: relative;
}
.secondary-nav a {
	color: #B9AB9F;
	display: block;
	line-height: 35px;
	text-decoration: none;
	padding: 10px 15px;
    text-transform:uppercase;
    font-size:0.8883em;
    letter-spacing: 0.05em;
	}
	.secondary-nav ul ul {
		display: none;
		float: left;
		margin: 0;
		position: absolute;
		top: 55px;
		z-index: 99999;
	}
	.secondary-nav ul ul ul {
		left: 100%;
		top: 0;
	}
	.secondary-nav ul ul a {
		background: #f9f9f9;
		border-bottom: 1px dotted #ddd;
		color: #444;
		font-size: 0.875em;
		font-weight: normal;
		height: auto;
		line-height: 1.4em;
		padding: 10px 10px;
		width: 188px;
        text-transform:none;
        letter-spacing: 0;
		}
		.secondary-nav ul ul li:first-child a {
			}
		.secondary-nav ul ul li:last-child a {
			}
	.secondary-nav>ul>li:hover > a,
	.secondary-nav>ul>li>a:focus {
	margin-bottom: 0px;
	}
	.secondary-nav li:hover > a,
	.secondary-nav a:focus {
	color: #00AA99;
	}
.secondary-nav ul ul a:hover {
	background-color: #FFF;
	}

	.secondary-nav ul li:hover > ul {
		display: block;
	}
	.secondary-nav .current-menu-item > a,
	.secondary-nav .current-menu-ancestor > a,
	.secondary-nav .current_page_item > a,
	.secondary-nav .current_page_ancestor > a,
	.current-post-parent > a {
	color: #879E00;
	}
		.secondary-nav ul ul .current-menu-item > a,
		.secondary-nav ul ul .current-menu-ancestor > a,
		.secondary-nav ul ul .current_page_item > a,
		.secondary-nav ul ul .current_page_ancestor > a {
			border-bottom: 1px dotted #ddd;
		}

.header-widgets {float:right; padding:10px 0;}
    .header-widgets h3 {display:none;}
.header-widgets>div {float:left;}

/*------------------------------------*\
    FORMS
\*------------------------------------*/
input {
    border: 1px solid #ccc;
    text-decoration: none; border-radius:0;
    padding: 0px 20px;
    line-height: 2.4em;
    font-size: 0.7778em;
}
input[type="submit"],
.button, 
.continue-reading-link.register,
#grid .view-article a { 
    border: solid 2px #00AA99; 
    padding: 0px 20px;
    line-height: 3em;
    display: inline-block;
    font-size: 0.7778em;
    transition: all 0.5s ease;
    color: #888888;
    background-color:#FFF;
    }

input[type="submit"]:hover,
button:hover,
.continue-reading-link.register:hover,
#grid .view-article a:hover {color:#fff; background-color:#00AA99;}

.a_register_link, .alt_button  { 
    border: solid 2px #00AA99; 
    padding: 0px 20px;
    line-height: 3em;
    display: inline-block;
    font-size: 0.7778em;
    transition: all 0.5s ease;
    color:#fff; 
    background-color:#00AA99;
    }
.alt_button {text-transform:uppercase;}
.a_register_link:hover, .alt_button:hover {
    color: #888888;
    background-color:#FFF;}

input[type="submit"],
.button,
.continue-reading-link.register,
#grid .view-article a {text-transform: uppercase; color: #00AA99;}

.secondary-nav input {border: solid 2px #B9AB9F; color: #888888; padding: 0px 10px; line-height: 30px;}    
    .secondary-nav input[type="submit"] {background-color:#B9AB9F; background-color:#B9AB9F; color:#fff;} 
    .secondary-nav input[type="submit"]:hover {background-color:#fff; color:#888;} 

.footer input {border: solid 2px #B9AB9F; color:#fff; background-color: transparent; text-align: center;}    
    .footer input[type="submit"]:hover {background-color:rgba(255,255,255,0.25); color:#fff;}   

    .footer input::placeholder {color:#FFF;}
        ::-moz-placeholder {
          opacity: 0.8;
        }
.footer #mce-responses {height:10px;}

textarea, .primary select {
    border: solid 2px #00AA99; 
    display: block;
    font-size: 0.7778em;
    margin: 0;
    outline: medium none;
    padding: 10px;
}
.primary select {
    border: solid 1px #F2F0EE; 
    display: block;
    font-size: 0.7778em;
    margin: 0;
    outline: medium none;
    padding: 10px;
}
.input-text:focus,
input[type=email]:focus,
input[type=password]:focus,
input[type=search]:focus,
input[type=tel]:focus,
input[type=text]:focus,
input[type=url]:focus,
textarea:focus {
/* background-color: rgba(255,255,255,0.25);
*/ color:#2b2c30
}

/*------------------------------------*\
    POSTS
\*------------------------------------*/

#grid {
display: grid;
grid-template-columns: 1fr 1fr 1fr;
    grid-row-gap: 40px;
margin-left: -40px;
margin-right: -40px;
}
#grid .post {position: relative; padding: 20px 40px; background-color:#FFF; border-right: solid 2px #F2F0EE; font-size: 0.889em; margin-bottom: 15px;}
    #grid .post:nth-child(3n - 2) {}
    #grid .post:nth-child(3n + 3) { border-right: 0;}
#grid .post .wp-post-image { margin-bottom: 15px;}
#grid .post .details {color:#999; ; font-size: 0.875em; margin: 0 0 0.5em 0; }
#grid .post h2 {margin: 0 0 0.5em 0; font-size: 1.3125em;}
#grid .view-article {display:block; margin-top:20px;}

article {
	clear:both;
	}
.details {color:#999; ; font-size: 0.875em; margin: 0 0 0.5em 0;}

	.details.bottom {clear:left;}
	.details .date,
	.details .category, 
   .divider {padding: 0 10px 0 0;}

#main article .wp-post-image {
	}
.view-article {padding-left: 10px;}

	/* = comments
	-------------------------------------------------------------- */	
	.comments {
		clear: left;
		font-size: 0.9em;
		}
	.comments li {padding: 15px 0 0;}	
	.comments ul {
		list-style-type: none;
		padding-left:0;
		margin:0;
		}
		.comments ul.children {
		padding-left: 60px;
		}
	.comments .comment-head {color:#AAA;}
	
		.comments .avatar {
			float:left;
			margin: 0 15px 10px 0;
			}
		.comments .vcard .fn  {
			font-style: normal;
			font-weight: bold;
			color:#444;
			margin-right:10px;
			}
		.comments .published,
		.comments .edit,
		.comments .reply {
			font-style: italic;
			font-weight:bold;
			font-size:0.90em;
			}
		
	.comments .comment-text {margin-left: 60px;}	
	.comments .comment-body {}
	#respond {margin-top:30px;}
	
	.comments .primary label {
	display: block; 
	float: left;
    width: 60px;}

/*#commentform input[type="text"], #commentform  input[type="password"], #commentform input[type="email"], #commentform  textarea, .primary select {
    background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid #DDDDDD;
    color: #888888;
    display: block;
    font-size: 0.8125em;
    margin: 0;
    outline: medium none;
    padding: 5px;
}
	#commentform  input[type="submit"] {
		background: #00AA99;
		border: medium none;
		border-radius: 2px;
		color: #FFFFFF;
		height: 33px;
		padding: 5px 12px 6px;
	}
	
	#commentform input[type="submit"]:hover {background: #879E00;}*/

	
	/* = pagination
	-------------------------------------------------------------- */	
	.pagination {
		display:block;
        width: 100%;
        padding: 10px;
		clear: left;
        text-align: center;
		}
		.pagination .page-numbers {
			padding-right: 15px;
		}
        .pagination .prev {float:left;}
		.pagination .current {}
		.pagination .next {float:right;}
/*------------------------------------*\
    PAGES
\*------------------------------------*/
.page-template-default #main .wrapper {max-width:900px; margin:0 auto;}



/*------------------------------------*\
    FOOTER
\*------------------------------------*/
.footer {
	clear:left;
	padding:30px 0;
	overflow:auto;
    color:#fff;
     background: url("img/bg-banner.jpg");
  background-size: cover;
  background-position: center center;
    font-weight: 300;
	}
    .footer h3 {font-family:'Meddon', serif; color:rgba(255,255,255,0.5); font-size:1.6667em; font-weight: normal; margin: 0.5em 0;}
	.footer p {}
	.footer a:link, .footer a:visited {
        color:#FFF;
        text-decoration:underline;
		}
		.footer a:hover {
            text-decoration:none;
		}

	.footer .footerwidget {float:left;padding:0px 1%; text-align:center; }
	.footer .fleft, .footer .fcenter, .footer .fright {width:31%}
	.footer .fleft {
		padding-left:0;
		}			
	.footer .copyright {
	clear:left;
	text-align:right;
	color:#999;
	font-size: 10px;
	font-weight: 400;
}
	
	.footer article {padding:0; margin-bottom:20px;}
	
/*------------------------------------*\
    SIDEBAR
\*------------------------------------*/



/*------------------------------------*\
    IMAGES
\*------------------------------------*/


/*------------------------------------*\
	TEMPLATES
\*------------------------------------*/

/* = Full width template
-------------------------------------------------------------- */	
.page-template-template-fullwidth-php .primary {
    float: left;
    width: 100%;
}
/* = Cafe template / Events template
-------------------------------------------------------------- */	
.page-template-template-cafe {}
.page-template-template-cafe .primary{}

.page-template-template-cafe .sidebar {
/*        border-top: 6px solid #a1d100;
        border-bottom: 4px solid #a1d100;*/
}
.menu {}
    .menu_category { margin-bottom:40px;}
    h2.menu_headline {
    font-family: 'Merriweather', serif;
      text-align: center;
        
}
    .menu_items {
    -moz-column-count: 2;
    -webkit-column-count: 2;
    -moz-column-gap: 40px;
    -webkit-column-gap: 40px;
    }
    .menu_item {
        -webkit-column-break-inside: avoid;
        -moz-column-break-inside: avoid;
        -o-column-break-inside: avoid;
        -ms-column-break-inside: avoid;
        column-break-inside: avoid;
        display: inline-block;
        width: 100%;
                position:relative;
        }
        .menu_item h3 {font-size:1em; display:block; width:100%; padding-bottom:10px; border-bottom:dotted 2px #aaa;}
        .menu_price {float:right;font-size:0.889em; margin: 0 0 10px 15px;}
        .menu_price:before  {content:"$";font-size:0.889em;}
        .menu_item p {font-size:0.889em;}


/* = Full width index template
-------------------------------------------------------------- */	
/*.page-template-template-index .indexfeature { width: calc(100% - 48px); padding: 0 20px; float:left; clear:both; background: #F2F0EE; border: solid 4px #F2F0EE; margin-bottom:20px; transition: all 0.5s ease;}
    .page-template-template-index .indexfeature:hover {background:white; color:#444;}
    .page-template-template-index .indexfeature .logowrap {float: left;}
        .page-template-template-index .indexfeature.right .logowrap{float:right;}
    .page-template-template-index .indexfeature img {height:140px; width:auto;  margin-top:-15px; margin-bottom: -15px; }
    
    .page-template-template-index .indexfeature .contentwrap {padding:15px 20px; display:table;}
.page-template-template-index .indexfeature h1 {font-size:3em; padding: 0 20px 0 0; display:table-cell; vertical-align: middle;} 
.page-template-template-index .indexfeature .content {margin:0; display:table-cell; vertical-align: middle; color: #444;} */
.page-template-template-index #main {background-color:#F2F0EE; float:left; }
.page-template-template-index #main .wrapper {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-column-gap: 20px;
     }
.page-template-template-index #main .wrapper > a { position: relative; border:solid 1px #fff; background-color: rgba(255,255,255,0.5); }
    .page-template-template-index #main .wrapper > a:hover {background-color:#FFF;}
.imgwrap {position:relative;}
        .page-template-template-index .indexfeature .img-logo {
            position: absolute;
            bottom: -15px;
            width: 150px;
            max-width:50%;
            left: 50%;
            transform: translate(-50%, 0);
            }
    .page-template-template-index .indexfeature img { }
    
    .page-template-template-index .indexfeature .contentwrap {padding:15px 20px 30px; text-align:center;}
.page-template-template-index .indexfeature h1 {font-size:3em; margin:0;} 
.page-template-template-index .indexfeature .content {margin:0; color: #444;}

.page-template-template-index #index_content {margin: 30px 0; overflow-x: hidden; display:block; clear:both; }

/*------------------------------------*\
	WIDGETS and PLUGINS
\*------------------------------------*/

/* = Event Expresso
-------------------------------------------------------------- */	
.event-tickets table th {background-color:rgba(242,240,238,0.65); text-align:left; padding: 5px 15px 5px 5px;}
.event-tickets table tr {border-bottom: solid 2px rgba(242,240,238,0.65);}
.event-tickets table td {padding: 5px 15px 5px 5px; text-align:left;}


/* ------------ table template ------------ */
#ee_filter_table.footable > tbody img {
    vertical-align: middle;
    width: 200px;
    float: left;
    margin: 0 15px;
}


#ee_filter_table.footable {font-family:'Roboto', Helvetica, Arial, sans-serif; border:none;}
#ee_filter_table.footable .a_register_link {font-size:1em;}
#ee_filter_table.footable > tbody > tr > td {vertical-align: top; border-left:none; padding: 20px 10px;}
#ee_filter_table.footable > tbody > tr > td h2 {margin-top:0;}
#ee_filter_table.footable > thead > tr > th, #ee_filter_table.footable > thead > tr > td,
#ee_filter_table.footable > tfoot > tr > th, #ee_filter_table.footable > tfoot > tr > td {background:#F2F0EE; border-left:none;}
.footable .pagination > ul > .disabled > span, .footable .pagination > ul > .disabled > a, .footable .pagination > ul > .disabled > a:hover, .footable .pagination > ul > .disabled > a:focus {background-color:rgba(0,170,153,0.25)!important;}
#ee_filter_table.footable .ee-table-view-datetime-list {font-weight:bold;}

/* ------------ grid template ------------ */
.espresso-grid {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
        grid-row-gap: 40px;
    margin: 0 -40px 20px;
    }
.custom_ee_grid_box {position: relative; padding: 20px 40px; background-color:#FFF; border-right: solid 2px #F2F0EE; }
    .custom_ee_grid_box:nth-child(3n - 2) {}
    .custom_ee_grid_box:nth-child(3n + 3) { border-right: 0;}
.custom_ee_grid_box .excerpt  {font-size: 0.889em; margin-bottom: 15px;}
.custom_ee_grid_box .excerpt .view-article {display:none;}
.custom_ee_grid_box .reg_img img { margin-bottom: 15px;}
.custom_ee_grid_box:hover img {filter:saturate(1.35); }
.custom_ee_grid_box .information {}
    .custom_ee_grid_box .information .startdate {color:#999; ; font-size: 0.7777em; margin: 0 0 0.5em 0; }
	.custom_ee_grid_box .information h3 {margin: 0 0 0.5em 0;}

/* ------------ single events page  ------------ */
.single-espresso_events .details {display:none;}

.eea-people-addon-event-people-list-single {border-top: solid 2px #F2F0EE; border-bottom: solid 2px #F2F0EE;}
.eea-people-addon-event-people-list-single ul {list-style-type:none; margin:0; padding:0;}
.eea-people-addon-event-people-list-single li {display: inline-block;}
.eea-people-addon-event-people-list-single .eea-people-addon-feature-image {float:none;}


/* ------------ instructor listing  ------------ */
.post-type-archive-espresso_people .instructor-link {width:30.5%; float:left; margin-right:2.5%; margin-bottom:20px; background:#F2F0EE; text-align:center; clear:none; max-width:350px; transition: all 0.5s ease;}
    .post-type-archive-espresso_people .instructor-link:hover {background:#FFF;}
.post-type-archive-espresso_people .instructor-link:hover img {}
.post-type-archive-espresso_people .espresso_people h2 {margin-bottom:5px;}
.post-type-archive-espresso_people .instructor-link:nth-of-type(3n+1){clear:left;}

/* ------------ events listing from shortcode  ------------ */
article.type-espresso_events {border-bottom: solid 2px #F2F0EE; margin-bottom:0;}
article.type-espresso_events .espresso-event-header-dv {display:table;}
article.type-espresso_events header.event-header {display:table-header-group;}
article.type-espresso_events .ee-event-img-dv {display:table-row;}
article.type-espresso_events .ee-event-img-dv img {width:50%; margin-bottom: 15px;}

article.type-espresso_events .ticket-selector-submit-btn, .ticket-selector-submit-btn-wrap {float:left;}
article.type-espresso_events .event-datetimes ul {padding:0;}

article.type-espresso_events .eea-people-addon-event-people-list-single {/*display:none;*/}

/* = MailChimp Signup 
-------------------------------------------------------------- */	


/* = Contact Widget 1
-------------------------------------------------------------- */	

.social-list {
	list-style-type: none;
	margin:0 auto;
	padding-left:0;
    color: #B9AB9F;
    font-size: 1.667em;
    display:table;
    
}

.social-list li {
	display:table-cell;
	padding: 0 10px;
    
	}

.social-list a {    
  text-align: center;
  text-decoration: none!important;
   opacity: 0.7; 
    padding:0;
	}
.social-list a:hover {
  opacity: 1;
}


/*! #######################################################################
	MeanMenu 2.0.7
	--------
	To be used with jquery.meanmenu.js by Chris Wharton (http://www.meanthemes.com/plugins/meanmenu/)
####################################################################### */

/* hide the link until viewport size is reached */
a.meanmenu-reveal {
	display: none;
}

/* when under viewport size, .mean-container is added to body */
.mean-container .mean-bar {
	float: left;
	width: 100%;
	position: relative;
	padding: 4px 0;
	min-height: 42px;
	z-index: 999999;
    background:#3B2314;
}

.mean-container a.meanmenu-reveal {
	width: 22px;
	height: 22px;
	padding: 13px 13px 11px 13px;
	position: absolute;
	top: 0;
	right: 0;
	cursor: pointer;
	color: #fff;
	text-decoration: none;
	font-size: 16px;
	text-indent: -9999em;
	line-height: 22px;
	font-size: 1px;
	display: block;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: 700;
}

.mean-container a.meanmenu-reveal span {
	display: block;
	background: #fff;
	height: 3px;
	margin-top: 3px;
}

.mean-container .mean-nav {
	float: left;
	width: 100%;
	background: #3B2314;
	margin-top: 44px;
	line-height: 1.1em;
}

.mean-container .mean-nav ul {
	padding: 0;
	margin: 0;
	width: 100%;
	list-style-type: none;
}

.mean-container .mean-nav ul li {
	position: relative;
	float: left;
	width: 100%;
}

.mean-container .mean-nav ul li a {
	display: block;
	float: left;
	width: 90%;
	padding: 1em 5%;
	margin: 0;
	text-align: left;
	color: #fff;
	border-top: 1px solid #383838;
	border-top: 1px solid rgba(255,255,255,0.5);
	text-decoration: none;
}

.mean-container .mean-nav ul li li a {
	width: 80%;
	padding: 1em 10%;
	border-top: 1px solid #f1f1f1;
	border-top: 1px solid rgba(255,255,255,0.25);
	opacity: 0.75;
	filter: alpha(opacity=75);
	text-shadow: none !important;
	visibility: visible;
}

.mean-container .mean-nav ul li.mean-last a {
	border-bottom: none;
	margin-bottom: 0;
}

.mean-container .mean-nav ul li li li a {
	width: 70%;
	padding: 1em 15%;
}

.mean-container .mean-nav ul li li li li a {
	width: 60%;
	padding: 1em 20%;
}

.mean-container .mean-nav ul li li li li li a {
	width: 50%;
	padding: 1em 25%;
}

.mean-container .mean-nav ul li a:hover {
	background: #252525;
	background: rgba(255,255,255,0.1);
}

.mean-container .mean-nav ul li a.mean-expand {
	margin-top: 1px;
	width: 26px;
	height: 32px;
    line-height:32px;
	padding: 12px !important;
	text-align: center;
	position: absolute;
	right: 0;
	top: 0;
	z-index: 2;
	font-weight: 700;
	background: rgba(255,255,255,0.1);
	border: none !important;
	border-left: 1px solid rgba(255,255,255,0.4) !important;
	border-bottom: 1px solid rgba(255,255,255,0.2) !important;
}

.mean-container .mean-nav ul li a.mean-expand:hover {
	background: #3B2314;
}

.mean-container .mean-push {
	float: left;
	width: 100%;
	padding: 0;
	margin: 0;
	clear: both;
}

.mean-nav .wrapper {
	width: 100%;
	padding: 0;
	margin: 0;
}

/* Fix for box sizing on Foundation Framework etc. */
.mean-container .mean-bar, .mean-container .mean-bar * {
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box;
}


.mean-remove {
	display: none !important;
}


/*------------------------------------*\
    MISC
\*------------------------------------*/

::selection {
	background:#04A4CC;
	color:#FFF;
	text-shadow:none;
}
::-webkit-selection {
	background:#04A4CC;
	color:#FFF;
	text-shadow:none;
}
::-moz-selection {
	background:#04A4CC;
	color:#FFF;
	text-shadow:none;
}

/*------------------------------------*\
    WORDPRESS CORE
\*------------------------------------*/

.alignnone {
	margin:5px 20px 20px 0;
}
.aligncenter,
div.aligncenter {
	display:block;
	margin:5px auto 5px auto;
}
.alignright {
	float:right;
	margin:5px 0 20px 20px;
}
.alignleft {
	float:left;
	margin:5px 20px 20px 0;
}
.aligncenter {
	display:block;
	margin:5px auto 5px auto;
}
a img.alignright {
	float:right;
	margin:5px 0 20px 20px;
}
a img.alignnone {
	margin:5px 20px 20px 0;
}
a img.alignleft {
	float:left;
	margin:5px 20px 20px 0;
}
a img.aligncenter {
	display:block;
	margin-left:auto;
	margin-right:auto;
}
.wp-caption {
	background:#FFF;
	border:1px solid #F0F0F0;
	max-width:96%;
	padding:5px 3px 10px;
	text-align:center;
}
.wp-caption.alignnone {
	margin:5px 20px 20px 0;
}
.wp-caption.alignleft {
	margin:5px 20px 20px 0;
}
.wp-caption.alignright {
	margin:5px 0 20px 20px;
}
.wp-caption img {
	border:0 none;
	height:auto;
	margin:0;
	max-width:98.5%;
	padding:0;
	width:auto;
}
.wp-caption .wp-caption-text,
.gallery-caption {
	font-size:11px;
	line-height:17px;
	margin:0;
	padding:0 4px 5px;
}
.sticky {

}
.bypostauthor {

}

/*------------------------------------*\
    RESPONSIVE
\*------------------------------------*/

@media only screen and (max-width: 1080px) {
    .page-template-template-index .indexfeature h1 {font-size: 2.4444em; }
    .espresso-grid, #grid {grid-row-gap: 30px; margin-left: -30px; margin-right: -30px;}
    .custom_ee_grid_box {padding: 10px 30px;}
}

@media only screen and (max-width: 900px) {
	.page-template-template-index .indexfeature h1 {font-size: 2em; }
    .nav > ul > li > a { font-size: 1.3333em; }
}

@media only screen and (max-width: 880px) { 
    .espresso-grid, #grid {grid-row-gap: 20px; margin-left: -20px; margin-right: -20px;}
    .custom_ee_grid_box, #grid .post {padding: 10px 20px;}
    .footer .footerwidget {float:none; clear:both; width:90%; padding:0 0 30px; margin: 0 auto 30px; border-bottom: solid 1px rgba(255,255,255,0.25);}
    .footer .footerwidget:last-of-type {border-bottom:none;}
    
    .header > .wrapper {padding: 105px 0 30px;}
        .script_headline {font-size:2em;}
    .primary_headline {font-size:2.2em;}
}

@media only screen and (max-width: 780px) {
    .page-template-template-index #main .wrapper {display:block; clear:both; }
    .page-template-template-index #main .wrapper > a {display: block; margin-bottom: 20px; float:left; clear:both; }
    .imgwrap {float:left; width:30%; min-width:220px; margin-right: 20px;}
    .page-template-template-index .indexfeature .contentwrap { text-align: left; font-size: 0.8889em; }
    
.espresso-grid, #grid {
    grid-template-columns: 1fr 1fr;
    grid-row-gap: 30px;
    margin-left: -30px;
    margin-right: -30px;
}
    #grid .post {padding: 20px 40px;}
    
    
    .custom_ee_grid_box, #grid .post {position: relative; padding: 20px 40px; background-color:#FFF; border-right: solid 2px #F2F0EE; }
    .custom_ee_grid_box:nth-child(3n + 3), #grid .post:nth-child(3n + 3) {border-right: solid 2px #F2F0EE;}
    
.post-type-archive-espresso_people .instructor-link {width:47.5%;}
    .post-type-archive-espresso_people .instructor-link:nth-of-type(3n+1){clear:none;}
.post-type-archive-espresso_people .instructor-link:nth-of-type:nth-of-type(2n+1){clear:left;}
    .post-type-archive-espresso_people .espresso_people h2 {font-size:1.2em;}   
.primary {
	width: 95%;
	margin: 0 auto;
	}
.sidebar {
	width: 95%;
	margin-left: 0;
	float:left;
	clear:left;
	}
article {
    padding: 0 0 20px 0;
}

}

@media only screen and (max-width: 700px ) {
    #ee_filter_table.footable > tbody > tr {
    border-bottom: 3px solid #ddd;
    display: block;
        padding: 10px 20px;
  }
  
  #ee_filter_table.footable > tbody > tr > td {
    border-bottom: none;
    border-top:none;
    display: block;
    width:100%;
    padding:10px 0;
  }
    #ee_filter_table.footable > thead > tr > th {display: block;
    width:100%; padding:10px 0; text-indent:10px;}
    
    #ee_filter_table.footable .ee-table-view-datetime-list br {display:none;}
    
    #ee_filter_table.footable > tbody img {
    margin: 0 15px 0 0;
}

}

@media only screen and (max-width: 600px) {
    .nav, .secondary-nav {display:none;}
    
.header > .wrapper, .page-template-template-index .header > .wrapper {padding: 30px 0; text-align: center;}
    .logo a {display:block;  }

	.logo-img, .page-template-template-index .logo-img {
	    width:50%;
        float:none;
        height:auto;
        }
    .tagline, .page-template-template-index .tagline {float:none; width:95%; margin: 0 auto; }
      
    .menu_items {
    -moz-column-count: 1;
    -webkit-column-count: 1;
    -moz-column-gap: 0px;
    -webkit-column-gap: 0px;
    }
}

@media only screen and (max-width: 479px) {
    .page-template-template-index #main .wrapper > a, .espresso-grid, #grid {display: block; margin-bottom: 20px; float:none; clear:both; }
        .custom_ee_grid_box, #grid .post {border:none;}
    .post-type-archive-espresso_people .instructor-link {width:95%; float:none; margin:0 auto 20px;}
    
    .page-template-template-index .indexfeature h1 {font-size: 3em;}
    .imgwrap {float:none; width:100%; margin-right: 0px;}
    .page-template-template-index .indexfeature .contentwrap { text-align: center;}
    .page-template-template-index .indexfeature .contentwrap {font-size:1em; }
	
    
#ee_filter_table.footable > tbody img {
    width: 100%;
    float: none;
    margin: 0 0 15px 0;
}
		}	

/*------------------------------------*\
    PRINT
\*------------------------------------*/

@media print {
	* {
		background:transparent !important;
		color:#000 !important;
		box-shadow:none !important;
		text-shadow:none !important;
	}
	a,
	a:visited {
		text-decoration:underline;
	}
	pre,blockquote {
		border:1px solid #999;
		page-break-inside:avoid;
	}
	thead {
		display:table-header-group;
	}
	tr,img {
		page-break-inside:avoid;
	}
	img {
		max-width:100% !important;
	}
	@page {
		/*margin:0.5cm;*/
	}
	p,
	h2,
	h3 {
		orphans:3;
		widows:3;
	}
	h2,
	h3 {
		page-break-after:avoid;
	}
}