/*
Theme Name: ETC Network Theme
Theme URI: http://mysitemyway.com
Author: Mysitemyway
Author URI: http://mysitemyway.com/


/*
===============================================================================================================
01. GENERAL TYPOGRAPHY
=============================================================================================================== */

.full-button{display:block;padding:20px;text-align:center;color:#fff;margin:40px auto;}

/* General
-------------------------------------------------------------- */
body{padding:0;margin:0;font-size:15px;font-family:'Open Sans',sans-serif;color:#444;}
p{margin:0 0 30px;line-height:1.75;}
a{color:rgba(0,0,0,.5);text-decoration:none;-webkit-transition:.5s;transition:.5s;}
small,small a{color:#aaa;}
code{background-color:#FFF5F5;border-radius:4px;color:#B26A6A;font-size:85%;padding:2px 4px;white-space:nowrap;}
pre code,pre{white-space:pre;}
code,pre{font-family:Consolas,Monaco,Menlo,Consolas,"Courier New",monospace;}
pre{margin-bottom:25px;overflow:auto;}
img{border:none;}
.clean-list{margin:20px 0;}
.clean-list li{line-height:25px;}

/* Headers
-------------------------------------------------------------- */
h1,h2,h3,h4,h5,h6{color:#111;margin:0 0 30px;}
h1{font-weight:300;font-size:48px;line-height:1.25;}
.page-header{margin-bottom:30px;font-size:42px;}
.index-post-title{font-size:38px;line-height:1.25;}
h1 small, h2 small{margin-left:10px;font-size:50%;}
h3 small{font-size:75%;}
h2{font-weight:300;font-size:38px;font-size:30px;line-height:1.5;}
h3{font-size:18px;padding-bottom:15px;margin-bottom:15px;margin-bottom:30px;font-weight:normal;border-bottom:1px dashed rgba(0,0,0,.1);}
h4{font-weight:600;font-size:15px;}
h5{color:rgba(0,0,0,0.4);letter-spacing:1.25px;text-transform:uppercase;font-size:12px;}


/* Images & Galleria
-------------------------------------------------------------- * /

/* these should be phased out in favor of the ones below */
.icon-zoom-preview,
.etc-zoom-gallery{list-style:none;text-align:center;margin:50px auto;padding:0;}
.icon-zoom-preview li,
.etc-zoom-gallery li{margin: 0;padding: 10px;max-width:100%;}
.icon-zoom-preview a,
.etc-zoom-gallery a {
	border:10px solid #FFFFFF;
	border-radius: 50%;
	box-shadow: 0 0 10px rgba(0,0,0,0.1);
	display: block;
	overflow: hidden;
	padding: 0;
	width: 85%;
	height: 85%;
	text-align: center;
	z-index: 0;}
.icon-zoom-preview a:hover,	
.etc-zoom-gallery a:hover{z-index:1;box-shadow:0 0 20px rgba(0,0,0,0.2);}
.icon-zoom-preview img,
.etc-zoom-gallery img{display:block;vertical-align:middle;}

.icon-zoom-preview li{padding:0;}
.icon-zoom-preview a:hover{box-shadow:none;}
.icon-zoom-preview a{border:none;box-shadow:none;border-radius:0;}
.icon-zoom-preview a{width:100%;}

/* used on icon indexes and webtreats posts */
.etc-zoom-gallery{}
ul.etc-zoom-gallery{margin:30px auto;}

/* used on icon indexes and webtreats sociables posts? */
.etc-zoom-icons{list-style:none;text-align:center;margin:50px auto;padding:0;}
.etc-zoom-icons li{margin:0;}
.etc-zoom-icons span{font-size:12px;margin:10px;display:block;color:#999;}
.etc-zoom-icons a{display:block;//height:165px;//width:165px;overflow:hidden;padding:0;z-index:0;margin:0 auto;}
.etc-zoom-icons a:hover{z-index:1;}
/*
.etc-frame{border:10px solid #FFFFFF;box-shadow:0 0 10px rgba(0,0,0,0.1);}
.etc-circle-frame{border:10px solid #FFFFFF;border-radius:50%;box-shadow:0 0 10px rgba(0,0,0,0.1);display:block;overflow:hidden;padding:0;}
*/

/* MISC
-------------------------------------------------------------- */
.divider{
background:none;
border:none;
border-bottom:1px solid rgba(0,0,0,.2);
clear: both;
margin:25px 0;
height: 0;
overflow: hidden;
padding: 0;}
.divider.tall{margin:50px 0;}
.divider.clear{border-bottom:none;}

/*
===============================================================================================================
02. STRUCTURE
=============================================================================================================== */

#content,.inner{max-width:1200px;margin:0 auto;padding:40px 30px;position:relative;}
#main-inner{background:#fff;color: #444;padding:40px;}
#main{box-shadow:0 0 30px rgba(0,0,0,0.1);}
#content img{max-width:100%;}


/* ETC Color Schemes
-------------------------------------------------------------- 
body,body:after{background-repeat:no-repeat;background-attachment:fixed;background-position:center top;background-size:cover;position:relative;}
body:after{bottom:0;right:0;left:0;top:0;content:" ";display:block;position:absolute;opacity:0;transition:opacity 3s;z-index:-1;}
.csstransitions body.pulse-bg:after{opacity:1;}
*/
body{background-repeat:no-repeat;background-attachment:fixed;background-position:center top;background-size:cover;position:relative;}
body:after{display:none!important;}
.webtreats-bg{background-color:#840733;}
.backgrounds-bg{background-color:#C5860B;}
.icons-bg{background-color:#498307;}
.tutorials-bg{background-color:#0873AA;}
.msmw-bg{background-color:#000;}
.webtreats-border{border-color:#840733;}
.backgrounds-border{border-color:#C5860B;}
.icons-border{border-color:#498307;}
.tutorials-border{border-color:#0873AA;}
.msmw-border{border-color:#000;}
.webtreats-color{color:#840733;}
.backgrounds-color{color:#C5860B;}
.icons-color{color:#498307;}
.tutorials-color{color:#0873AA;}
.msmw-color{color:#000;}

/* Header
-------------------------------------------------------------- */
#header{background:content-box #fff;border-bottom:5px solid rgba(0,0,0,.2);box-shadow:0 0 30px rgba(0,0,0,0.1);}
#header .inner{padding:10px 30px;}
#logo{display:inline-block;font-size:30px;font-size:28px;font-weight:300;letter-spacing:-1px;text-transform:lowercase;}
#logo span{font-weight:800;text-transform:uppercase;}

/* Intro & Breadcrumbs
-------------------------------------------------------------- */
.breadcrumbs{background:none repeat scroll 0 0 rgba(0,0,0,0.2);color:rgba(255,255,255,0.6);font-size:12px;line-height:20px;padding:5px 40px;}
.breadcrumbs a{color:rgba(255,255,255,0.6);}
.breadcrumbs span{font-size:11px;color:rgba(255,255,255,0.4);padding:5px;}

/* Sidebar
-------------------------------------------------------------- */
#sidebar{max-width:500px;/* to avoid distortion */}
#sidebar img {display:block;max-width:100%;}
#sidebar,#sidebar a{color:#fff;}

/* ETC Random Links  */
#etc-random-links{text-align:center;display:block;margin-bottom:10px;}
#etc-random-links span{display:inline-block;text-align:center;}
.etc-random-link{background-image:url(http://etc-mysitemyway.s3.amazonaws.com/assets/images/shuffle.png);background-position:center center;background-repeat:no-repeat;background-size:16px auto;border-radius:50%;display:inline-block;height:50px;width:50px;font-size:0;}

/* ETC Sidebar Nav  */
#etc-sidebar-nav{border:1px solid rgba(255,255,255,.05);box-shadow:0 0 20px rgba(0,0,0,.1);margin-bottom:10px;font-size:12px;}
.etc-sidebar-categories ul,.etc-sidebar-pages ul{list-style:none;margin:0;padding:0;}
.etc-sidebar-categories li a,.etc-sidebar-pages li a{display:block;background:rgba(0,0,0,.02);background:linear-gradient(rgba(0,0,0,.01),rgba(0,0,0,.1));border-bottom:1px solid rgba(255,255,255,.07);opacity:0.7;padding:10px 10px 10px 30px;}
.etc-sidebar-categories li a:hover,.etc-sidebar-pages li a:hover{opacity:1;}
.etc-sidebar-tabs>*{font-size:10px;letter-spacing:1px;line-height:30px;text-align:center;text-transform:uppercase;}
.etc-sidebar-tabs>*:nth-child(1),.etc-sidebar-tabs-content>*:nth-child(1){background:rgba(0,0,0,.3);}
.etc-sidebar-tabs>*:nth-child(2),.etc-sidebar-tabs-content>*:nth-child(2){background:rgba(0,0,0,.5);}
.etc-sidebar-tabs>*:nth-child(3),.etc-sidebar-tabs-content>*:nth-child(3){background:rgba(0,0,0,.7);}
.etc-sidebar-tags{padding:20px;}

/* MSMW Sidebar Slider */
#msmw-sidebar-slider{border:10px solid rgba(0,0,0,.3);}
.msmw-sidebar-slide{display:block;max-width:100%;}


/* MSMW Footer Banner
-------------------------------------------------------------- */
#msmw-banner{background:rgba(0,0,0,.9);background:linear-gradient(rgba(0,0,0,.85),rgba(0,0,0,.95));z-index:10000;position:fixed;bottom:0;right:0;left:0;height:65px;text-align:center;display:none;}
#msmw-banner .inner{padding:0px;}
#msmw-banner .inner>*{display:inline-block;}
#msmw-banner h4 a{color:#fff;}
#msmw-banner h4{font-size:19px;font-weight:300;margin:0!important;padding:0;line-height:65px;display:inline;}
#msmw-banner h4 strong{font-size:110%;padding:0 5px;}
.banner-button{border:1px solid rgba(255,255,255,0.1);border-radius:2px 2px 2px 2px;color:#fff;font-size:14px;margin-left:40px;padding:10px 50px;}
.msmw-banner-close{background:rgba(255,255,255,.05);border-radius:50%;bottom:20px;color:#666;display:block;font-size:10px;height:20px;line-height:20px;position:fixed;right:20px;text-align:center;text-transform:uppercase;width:20px;}
.has-msmw-banner{padding-bottom:65px;}
.has-msmw-banner #msmw-banner{display:block;}

/* Pagination
-------------------------------------------------------------- */
.page-numbers{background:rgba(0,0,0,.4);border-radius:50%;color:#fff;display:inline-block;font-size:12px;height:20px;line-height:20px;padding:5px;margin:1px;text-align:center;width:20px;opacity:.8;}
.page-numbers.current{background:#000;background:rgba(0,0,0,.4);}
.page-numbers.prev,
.page-numbers.next{width:auto;border-radius:4px;background:transparent;text-transform:uppercase;letter-spacing:1px;opacity:1;}
.page-numbers:hover{//background:rgba(0,0,0,.6);opacity:1;}

/*
===============================================================================================================
03. MENU
=============================================================================================================== */

#etc-menu{position:absolute;right:30px;top:0;list-style:none;margin:0;padding:0}
#etc-menu li{float:left;}
#etc-menu li a{border-top:5px solid;display:block;font-size:13px;font-weight:normal;letter-spacing:-0.2px;text-align:center;text-transform:lowercase;width:100px;padding:20px 35px 17px 15px;}
#etc-menu li a span:after{content:"|||";font-family:arial;font-size:14px;font-weight:bold;letter-spacing:0;position:absolute;}
.sub-link-list{padding:0;list-style:none;overflow:hidden;max-width:1200px;margin:0 auto;}
.sub-link-list li{display:inline-block;}
.sub-link-list a{color:#eee;display:block;font-size:12px;padding:12px;margin:3px 0;border-radius:2px;}
.sub-link-list a:hover{background:rgba(0,0,0,.1);}
.dropdown-inner{display:none;position:absolute;right:0;left:0;box-shadow:0 5px 0 rgba(0,0,0,.2);margin-top:-1px;}
.dlib-active.dropdown-inner{display:block;z-index:99999;}


/* Color-Scheme Overrides
-------------------------------------------------------------- */
#etc-menu li a:hover,#etc-menu li a.dlib-active{color:#fff;border-color:rgba(0,0,0,.2);}
.tuts-link{color:#0873aa;}
.webtreats-link{color:#840733;}
.icons-link{color:#498307;}
.backgrounds-link{color:#c5860b;}
#tuts-dropdown.dlib-active,.tuts-link:hover,.tuts-link.dlib-active{background:#0873aa;}
#webtreats-dropdown.dlib-active,.webtreats-link:hover,.webtreats-link.dlib-active{background:#840733;}
#icons-dropdown.dlib-active,.icons-link:hover,.icons-link.dlib-active{background:#498307;}
#backgrounds-dropdown.dlib-active,.backgrounds-link:hover,.backgrounds-link.dlib-active{background:#c5860b;}




/*
===============================================================================================================
05. SINGULAR POSTS
=============================================================================================================== */


.single-post-module{margin-bottom:40px;}
.single-post .blog-post-image{overflow:hidden;}
.blog-post-image{border-bottom:5px solid;}
.blog-post-image img{display:block;max-width:100%;height:auto!important;position:relative;}


/* Share This Module
-------------------------------------------------------------- */
.etc-post-sociables{margin-bottom:30px;}
.etc-post-sociables ul{list-style:none;overflow:hidden;padding:0;margin:0;}
.etc-post-sociables li{display:inline-block;margin-right:5px;padding:2px;max-width:100px;}


/* About Author Module
-------------------------------------------------------------- */
.about-author-module{border-bottom:1px solid rgba(0,0,0,.05);border-top:1px solid rgba(0,0,0,.05);padding:20px 40px;padding:40px;color:#eee;}
.author-img{border:10px solid rgba(255,255,255,0.1);border-radius:50%;box-shadow:0 0 30px rgba(0,0,0,.05);float:left;height:100px;margin-right:40px;width:100px;}
.author-bio{overflow:hidden;}
.author-bio h4{margin-bottom:10px;color:#fff;}
.author-bio p{margin-bottom:5px;font-size:90%;letter-spacing:0.25px;}

/* Download Box
-------------------------------------------------------------- */
.main-download-box{overflow:hidden;background:#f0f0f0;text-align:center;box-shadow:0 1px 0 rgba(0,0,0,.1) inset;}
.main-download-description{line-height:25px;padding:35px 40px !important;}
.main-download-filename{font-size:15px;font-weight:600;padding-right:10px;display:block;text-transform:capitalize;}
.main-download-button{background:none repeat scroll 0 0 rgba(0,0,0,0.05);border-left:3px solid #486093;overflow:hidden;padding:15px 0 !important;transition:1s;width:33%;}
.main-download-button:before{border-color:inherit;border-style:solid;border-width:10px;content:" ";display:block;height:0;margin-top:25px;position:absolute;width:0;border-right-color:transparent!important;border-top-color:transparent!important;border-bottom-color:transparent!important;}
.main-download-icon{background:url(../images/download-icon.png) no-repeat scroll center center #486093;border-radius:50%;display:block;height:40px;margin:5px auto;width:40px;}
.main-download-text{display:block;font-weight:bold;font-size:14px;text-transform:uppercase;}
.main-download-button:hover{background:#f9f9f9;box-shadow:0 1px 0 rgba(0,0,0,.1) inset;}


/* Post Slider
-------------------------------------------------------------- */
.single-theme-slide{background:rgba(0,0,0,.3);background:#000;background:rgba(0,0,0,.6);transition:.5s!important;}
.single-theme-slide:hover a{color:#fff;}
.single-theme-slide-img{max-width:536px!important;float:left;}
.single-theme-slider-links{float:left;}
.single-theme-slider-link{transition:.5s;color:#ccc;display:block;font-size:14px;font-style:italic;font-weight:300 !important;padding-left:28px;padding-left:20px;text-transform:lowercase;}
.single-theme-slider-link:nth-child(1){padding-top:120px;padding-bottom:5px;}
.single-theme-slider-link:nth-child(2){padding-bottom:120px;padding-top:5px;}
.single-theme-slider-link:hover{color:#fff;padding-left:35px}
.single-theme-slider-link strong{font-size:16px;font-style:normal;font-weight:600;padding-left:2px;text-transform:uppercase;}

@media (max-width:1200px){
	#content .single-theme-slide-img{max-width:100%!important;}
	.single-theme-slider-links{width:100%;//text-align:center;}
	.single-theme-slider-link:nth-child(1){padding-top:30px;}
	.single-theme-slider-link:nth-child(2){padding-bottom:30px;}

}

/* Additional Posts Module
-------------------------------------------------------------- */
.you-might-also-like{text-align:center;color:#fff;padding:15px;text-transform:uppercase;font-size:11px;letter-spacing:1px;}
.post-grid-link{height:133px;overflow:hidden;position:relative;transition:all 0.5s ease 0s;}
.post-grid-link:before{border:1px solid rgba(0,0,0,0.5);bottom:0;content:" ";left:0;position:absolute;right:0;top:0;}
.post-grid-link:after{-moz-box-sizing:padding-box;bottom:0;color:#FFFFFF;content:attr(title);display:block;font-size:12px;left:0;line-height:15px;max-height:0;opacity:0;overflow:hidden !important;padding:10px;position:absolute;right:0;transition:all 0.5s ease 0s;}
.post-grid-link:hover::after{opacity:0.9;height:auto;max-height:100px;}
.post-grid-link img{display:block;height:200px !important;margin-left:-64px;margin-top:-30px;max-width:200px !important;width:200px !important;}
/* specific thumb cropping */
.msmw-theme-link img{display:block;max-width:none !important;width:auto !important;}
.method-wordpress-theme img,
.persuasion-wordpress-theme img{height:140px !important;margin-left:-2px;margin-top:-2px;}
.myriad-wordpress-theme img,
.dejavu-wordpress-theme img,
.fusion-wordpress-theme img,
.modular-wordpress-theme img{height:205px !important;margin-left:-84px;margin-top:-59px;}
.echelon-wordpress-theme img{height:136px !important;margin-left:-55px;margin-top:-2px;}
.elegance-wordpress-theme img{height:168px !important;margin-left:-80px;margin-top:-6px;}
.construct-wordpress-theme img{height:228px !important;margin-left:-99px;margin-top:-84px;}
.backgrounds-post img{display:block;height:300px !important;margin-left:-32px;margin-top:-42px;max-width:300px !important;width:300px !important;}


/* Comments & Pingbacks
-------------------------------------------------------------- */
#comments,#comments a,#comments h3{color:#eee;}
#comments-title{background:rgba(255,255,255,.06);box-shadow:0 0 30px rgba(0,0,0,0.2);}
#comments-title h2{max-width:1200px;border-bottom:medium none;color:#fff;display:block;font-weight:normal;margin:0 auto;padding:10px 20px;top:0;font-size:28px;}
#comments-title span{font-weight:300;font-size:90%;font-style:italic;letter-spacing:1px;padding:10px;}
.pingbacks-list{margin:0;padding:30px;}
.pingbacks-list p{max-width:1200px;margin:0 auto;overflow:hidden;padding:10px 0;}
.comment-list{list-style:none;margin:0;padding:0;}
.comment-list>li,.pingbacks-list{border-top:2px solid rgba(255,255,255,.05);min-height:100px;padding-bottom:40px;padding-top:40px;background:rgba(0,0,0,.3);background:linear-gradient(rgba(0,0,0,.35),rgba(0,0,0,.3));}
.comment-list ol{list-style:none;}
.comment-list ol.children{margin:0;padding-left:0px;}
.comment-list ol.children li{padding-top:50px;overflow:hidden;clear:both;}
.comment-list article.comment{margin:0 auto;max-width:1200px;padding-left:20px;padding-right:20px;}
.comment-list ol.children article.comment{padding-left:70px;}
.comment-list .vcard{float:left;margin-right:40px;text-align:center;}
.comment-list p{margin:10px 0;}
.comment-body{margin-left:140px;}
.comment-list .avatar{border:10px solid rgba(255,255,255,0.1);border-radius:50%;box-shadow:0 0 30px rgba(0,0,0,0.2);float:left;}
.comment-person,.fn{font-weight:600;padding-right:5px;font-size:16px;font-style:normal;font-weight:normal;clear:both;display:block;margin-top:5px;opacity:0.4;padding-top:5px;}
.says{font-size:14px;font-style:italic;}
.comment-not-avatar{min-height:100px;overflow:hidden;position:relative;}
.comment-meta{overflow:hidden;margin-top:20px;}
.comment-meta>*{box-shadow:0 0 20px rgba(0,0,0,.2);display:inline-block;font-size:11px;opacity:0.75;padding:4px 15px;text-transform:uppercase;letter-spacing:1px;}
.comment-meta>*:hover{opacity:1;}
.comment-meta>:nth-child(1){background:rgba(255,255,255,.1);}
.comment-meta>:nth-child(2){background:rgba(255,255,255,.2);}
.comment-meta>:nth-child(3){}
.edit-link{text-transform:lowercase;font-size:80%;opacity:.5;float:right;}
.edit-link:before{content:"(";}
.edit-link:after{content:")";}
.comment-navigation{background:rgba(0,0,0,.4);}
.comment-navigation a{max-width:1200px;color:#fff;display:block;font-weight:300;margin:0 auto;padding:10px 20px;top:0;font-size:18px;}
.comment-navigation .nav-next{text-align:right;}


/* Reply Form
-------------------------------------------------------------- */
#respond{max-width:1200px;margin:0 auto;overflow:hidden;padding:10px 0;}
#comments-form{background:rgba(0,0,0,.7);}
#comments-form input[type="submit"],#comments-form input[type="text"],#comments-form textarea{background:rgba(255,255,255,.075);border:1px solid rgba(255,255,255,.05);border-radius:2px;color:inherit;font-family:inherit;font-size:100%;line-height:inherit;padding:10px 20px;color:#fff;}
#comments-form input[type="submit"]{padding:10px 50px;}
#comments-form textarea{width:100%;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;}
.comment-form-comment label{display:none;}
.comment-form-author label,
.comment-form-email label,
.comment-form-url label{display:block;}
.comment-notes,.logged-in-as,.form-allowed-tags{font-size:12px;font-style:italic;opacity:0.6;}
.form-allowed-tags code{display:block;font-style:normal;background:transparent;color:rgba(255,255,255,.5);}
.logged-in-as{float:right;}



/*
===============================================================================================================
DATALIB
=============================================================================================================== */

/* Slider
-------------------------------------------------------------- */

[data-lib~=slider]{position:relative;}
[data-lib~=slider-content]{position:relative;overflow:hidden;}
[data-lib~=slider-content]>*{position:absolute;min-width:100%;}
[data-lib~=slider-content] img{display:block;vertical-align:bottom;}

[data-lib~=carousel] [data-lib~=slider-content] img{width:100%;height:auto;}
[data-lib~=carousel] [data-lib~=slider-content]>*{width:100%;opacity:0;left:-100%;transition-property:opacity,left;transition-duration:0s,1s;transition-delay:1s,0s;}
[data-lib~=carousel] [data-lib~=slider-content]>*.dlib-active{opacity:1;left:0px;transition-delay:0s,0s;}
[data-lib~=carousel] [data-lib~=slider-content]>*.dlib-active~*{left:100%;}

[data-lib~=slider][data-lib~=fading] [data-lib~=slider-content]>*{opacity:0;transition:1s; visibility: hidden;}
[data-lib~=slider][data-lib~=fading] [data-lib~=slider-content]>*.dlib-active{opacity:1; visibility: visible;}


/* Slider Nav 
-------------------------------------------------------------- */
[data-lib~=slider-nav]{display:block;z-index:998;position:absolute;bottom:20px;right:40px;/*position nav on top of slider*/}
[data-lib~=slider-nav] .a{
	-moz-box-sizing:border-box;
	display:inline-block;
	text-decoration:none;
	background:padding-box rgba(0,0,0,.7);
	border:2px solid rgba(255,255,255,.1);
	height:15px;
	width:15px;
	margin:2px;
	border-radius:50%;}
[data-lib~=slider-nav] .a:hover,[data-lib~=slider-nav] .dlib-active{border-width:3px;}
[data-lib~=slider-next],
[data-lib~=slider-prev]{
	position:absolute;
	z-index:999;
	bottom:0;
	top:0;
	display:block;
	width:40px;
	cursor:pointer;
	color:#eee;}
	
[data-lib~=slider] [data-lib~=slider-next],
[data-lib~=slider] [data-lib~=slider-prev]{opacity:0;}

[data-lib~=slider]:hover [data-lib~=slider-next],
[data-lib~=slider]:hover [data-lib~=slider-prev]{opacity:1;}
[data-lib~=slider-next]{right:0;background:rgba(0,0,0,.3);background:linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,.15))}
[data-lib~=slider-prev]{left:0;background:rgba(0,0,0,.3);background:linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,.15))}
[data-lib~=slider-prev]:before,
[data-lib~=slider-next]:before{
	display:block;
	width:100%;
	position:absolute;
	top:50%;
	margin-top:-20px;
	text-align:center;
	font-family: helvetica neue;
	font-size:26px;
	line-height:1;
	font-weight: 100;
	transform:scaleY(2.5);
	color:rgba(255,255,255,.2);}
[data-lib~=slider-prev]:before{content:"<";}
[data-lib~=slider-next]:before{content:">";}
[data-lib~=slider-prev]:hover::before,
[data-lib~=slider-next]:hover::before{color:#fff}


/* Tabs 
-------------------------------------------------------------- */
[data-lib~=tabs]>*{cursor:pointer;list-style:none;}
[data-lib~=tabs-content]>*{display:none;}
[data-lib~=tabs-content]>.dlib-active{display:block;}

/* Toggles
-------------------------------------------------------------- */
[data-lib~=toggle]{cursor:pointer;}
[data-lib~=toggle-content]{opacity:0;height:0;overflow:hidden;}
[data-lib~=toggle-content].dlib-active{opacity:1;height:auto;}

/* Tooltips
-------------------------------------------------------------- */
[data-lib~=tooltip]{cursor:pointer;position:relative;}
[data-lib~=tooltip-content] {
	display: inline-block;
	/* this needs to compensate for padding */
    top: -5px;    
	right:20px;
    transition: .3s;
	transition-delay: .1s;
    transform: translate(50%, 0%);
	position: absolute;
	white-space: nowrap;
	z-index: 999999;
	opacity: 0;
	visibility: hidden;}
[data-lib~=tooltip-content].dlib-active{visibility:visible;opacity:1;transform:translate(50%,-100%);}
/* dev skining only */
[data-lib~=tooltip-content] {
	padding: 5px 15px;
	border-radius: 4px;
	background: rgba(0,0,0,.8);
	color: #eee;
	font-size: 11px;
	line-height: 1;
}


/* Data Layouts 
-------------------------------------------------------------- */


[data-layout~="columns"]{position:relative;clear:both;}
[data-layout~="columns"]>*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;//width:100%;float:left;position:relative;}
[data-layout~=row]>*{margin:0;padding:10px 20px;}
[data-layout~=row][data-layout~=no-collapse]{display:table;position:relative;width:100%;}
[data-layout~=row][data-layout~=no-collapse]>*{display:table-cell;float:none;vertical-align:top;}

	/* Gutters  */
	/* 30px gutter default? - though maybe none should be the default... */
	[data-layout~="columns"]{margin-left:-30px;}
	[data-layout~="columns"]>*{padding-left:30px;}
	[data-layout~=row]>*{padding:30px;}
		
	[data-layout~="columns"][data-layout~="gutter0"]{margin-left:0px;}
	[data-layout~="columns"][data-layout~="gutter0"]>*{padding-left:0px;}
	[data-layout~=row][data-layout~="gutter0"]>*{padding:0px;}

	[data-layout~="columns"][data-layout~="gutter10"]{margin-left:-10px;}
	[data-layout~="columns"][data-layout~="gutter10"]>*{padding-left:10px;}
	[data-layout~=row][data-layout~="gutter10"]>*{padding:10px;}

	[data-layout~="columns"][data-layout~="gutter20"]{margin-left:-20px;}
	[data-layout~="columns"][data-layout~="gutter20"]>*{padding-left:20px;}
	[data-layout~=row][data-layout~="gutter20"]>*{padding:20px;}
	
	[data-layout~="columns"][data-layout~="gutter30"]{margin-left:-30px;}
	[data-layout~="columns"][data-layout~="gutter30"]>*{padding-left:30px;}
	[data-layout~=row][data-layout~="gutter30"]>*{padding:30px;}
	
	[data-layout~="columns"][data-layout~="gutter40"]{margin-left:-40px;}
	[data-layout~="columns"][data-layout~="gutter40"]>*{padding-left:40px;}
	[data-layout~=row][data-layout~="gutter40"]>*{padding:40px;}
	
	[data-layout~="columns"][data-layout~="gutter50"]{margin-left:-50px;}
	[data-layout~="columns"][data-layout~="gutter50"]>*{padding-left:50px;}
	[data-layout~=row][data-layout~="gutter50"]>*{padding:50px;}
	
	/* clear column floats */
	[data-layout~=columns]:after,[data-layout~=columns]:before{content:" ";display:table;}
	[data-layout~=columns]:after{clear:both;}
	


/*@media (max-width:468px){*/
@media (max-width:580px){
	
	[data-layout~="6"]>*{width:16.66%;width:25%;}
	[data-layout~="6"]>*:nth-child(4n+1){clear:left;}
	
	[data-layout~="2s"]>*{width:50%;}
	[data-layout~="3s"]>*{width:33.33%;}
	[data-layout~="4s"]>*{width:25%;}
	[data-layout~="5s"]>*{width:20%;}
	[data-layout~="6s"]>*{width:16.66%;}
	[data-layout~="2s"]>*:nth-child(2n+1),
	[data-layout~="3s"]>*:nth-child(3n+1),
	[data-layout~="4s"]>*:nth-child(4n+1),
	[data-layout~="5s"]>*:nth-child(5n+1),
	[data-layout~="6s"]>*:nth-child(6n+1){clear:left;}

}
/*@media (min-width:468px){*/
@media (min-width:580px){
	
	/* OPTIONAL this is for when you just feel like having anything else behave like a column! */
	.floating-column{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;float:left;position:relative;}	
	
	/* Column Layouts 
	-------------------------------------------------------------- 
	[data-layout~="columns"]{position:relative;clear:both;}
	[data-layout~="columns"]>*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;float:left;position:relative;}
	*/
	[data-layout~="2"]>*{width:50%;}
	[data-layout~="3"]>*{width:33.33%;}
	[data-layout~="4"]>*{width:25%;}
	[data-layout~="5"]>*{width:20%;}
	[data-layout~="6"]>*{width:16.66%;}
	[data-layout~="2"]>*:nth-child(2n+1),
	[data-layout~="3"]>*:nth-child(3n+1),
	[data-layout~="4"]>*:nth-child(4n+1),
	[data-layout~="5"]>*:nth-child(5n+1),
	[data-layout~="6"]>*:nth-child(6n+1){clear:left;}

	/* Row layouts 
	-------------------------------------------------------------- */
	[data-layout~=row]{display:table;position:relative;width:100%;}
	[data-layout~=row]>*{display:table-cell;float:none;vertical-align:top;}

	/* fixed table widths */
	[data-layout~=fixed]{table-layout:fixed;}
	/* this seems to help with keeping the grids lined up at smaller sizes... it seems otherwize the padding sets some sort of min width? 
	[data-layout~="row"]>*{//max-width:0;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;overflow:hidden;}
	*/

}





/*
===============================================================================================================
08. PROGRESSIVE ENHANCEMENTS
=============================================================================================================== */


/* Transitions & Transforms
-------------------------------------------------------------- */



.icon-zoom-preview a,
.etc-zoom-gallery a,
.etc-zoom-icons a {
transition: -webkit-transform 0.5s;
transition: -ms-transform 0.5s;
transition: transform 0.5s;
}
.icon-zoom-preview a:hover,	
.etc-zoom-gallery a:hover{
-webkit-transform:scale(1.75);
-ms-transform:scale(1.75);
transform:scale(1.75);
}

.icon-zoom-preview a:hover{
-webkit-transform:scale(2);
-ms-transform:scale(2);
transform:scale(2);
}

/*
.etc-zoom-icons a:hover{
-webkit-transform:scale(2);
-ms-transform:scale(2);
transform:scale(2);
}
*/

#etc-menu li a span:after{
-webkit-transform:rotate(90deg) translate(1px,-10px);
-ms-transform:rotate(90deg) translate(1px,-10px);
transform:rotate(90deg) translate(1px,-10px);
}


/* Box Sizing
-------------------------------------------------------------- */
#main,#sidebar,
.etc-fancy-search #s,
.etc-fancy-search #searchsubmit {
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box; 
	box-sizing: border-box;
}	



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


@media (max-width:480px){
	#logo{display:none;}
	#header{height:60px;}
	#container .item.hello{width:100%!important;max-width:100%!important;border:0;margin:0;}
}

@media (max-width:800px){
	.mobile-only{}
	.mobile-hide{display:none!important;}	
	h1,h2,.page-header,.index-post-title { font-size:28px; }
	#content{padding:0;}
	#main-inner{padding:30px;}
	#logo{line-height:39px;font-size:20px;}
	#etc-menu{right:0;}
	#etc-menu li a{padding:20px 25px 20px 5px;width:31px;}
	.small-legacy-preview #content .blog-post-image img{max-width:100%!important;}
}

@media (min-width:800px){
	.mobile-only{display:none!important;}
	.mobile-hide{}
	#main,#sidebar{float:left;}
	#main{width:66.66%;}
	#sidebar{width:33.33%;}
	#sidebar-inner{margin-left:10px;}
	#content{overflow:hidden;}
}



/*
===============================================================================================================
SPECIFIC PAGES
=============================================================================================================== */

.whats-included{line-height:25px;}

/* FAQs
-------------------------------------------------------------- */
.faq_module{font-size:30px;color:#ddd;}
.faq_answer{font-size:14px; color:#666; position:relative;margin:40px 0;padding-bottom:30px;}
.faq_permalink{position:absolute;color:#aaa;font-size:10px;right:0px;bottom:0px;}


/* Search / Explore / Sitemap / 404
-------------------------------------------------------------- */
.etc-glowing-header{text-align:center;color:rgba(255,255,255,.8);text-shadow:0 0 10px rgba(255,255,255,.9);margin:0;padding:40px;}
.etc-fancy-search{background:rgba(0,0,0,.55);background:linear-gradient(rgba(0,0,0,.5),rgba(0,0,0,.6));box-shadow:0 0 30px rgba(0,0,0,0.3);overflow:hidden;padding:20px;}
.etc-fancy-search .screen-reader-text{display:none;}
.etc-fancy-search #s{border-radius:4px;color:#eee;font-size:17px;box-shadow:0 0 20px rgba(0,0,0,0.1);transition:all 1s ease 0s;height:55px;float:left;font-family:inherit;font-weight:300;background:padding-box rgba(0,0,0,0.3);border:1px solid rgba(255,255,255,0.05);padding-right:20px;padding-left:20px;width:74%;margin-right:1%;}
.etc-fancy-search #searchsubmit{border-radius:4px;color:#eee;font-size:17px;box-shadow:0 0 20px rgba(0,0,0,0.1);transition:all 1s ease 0s;height:55px;float:left;font-family:inherit;font-weight:300;border:1px solid rgba(255,255,255,0.05);;cursor:pointer;width:25%;}
.etc-fancy-search #s:focus,
.etc-fancy-search #searchsubmit:hover{box-shadow:0 0 10px rgba(0,0,0,0.3);}
.etc-fancy-tags{background:rgba(0,0,0,.15);background:linear-gradient(rgba(0,0,0,.3),rgba(0,0,0,.01));padding:20px;overflow:hidden;}
.etc-fancy-tags a{color:#fff;text-shadow:0 0 2px rgba(0,0,0,.1)}
@media (min-width:800px){.etc-fancy-tags{margin:50px 0;padding:50px;border-radius:4px;background:linear-gradient(rgba(0,0,0,.1),rgba(0,0,0,.2));}
.etc-fancy-search{border-radius:4px;max-width:800px;padding:20px 36px;margin:20px auto 50px;}}


/* ETC Fancy Archives
-------------------------------------------------------------- */
.etc-fancy-archives{}
.etc-fancy-archives .etc-glowing-header{background:none repeat scroll 0 0 rgba(0,0,0,0.2);color:rgba(255,255,255,0.8);margin:0;padding:40px;text-align:center;text-shadow:0 0 10px rgba(255,255,255,0.9);font-size:24px}
.etc-fancy-archives .etc-glowing-header strong{font-weight:600;text-transform:uppercase;}
.etc-fancy-archive-module{background:#fff;list-style:none;margin:0;padding:0;box-shadow:0 5px 30px rgba(0,0,0,0.2);}
.etc-fancy-archive-module a{border-bottom:1px solid rgba(0,0,0,0.07);display:block;padding:10px 30px;overflow:hidden;}
.etc-fancy-archive-module h4{font-size:14px;font-weight:normal;margin:10px 0;}
.etc-fancy-archive-module img{border-radius:50%;float:left;height:60px;margin-right:25px;width:60px;}
.etc-fancy-archives>*{width:100%;}
@media (min-width:800px){
.etc-fancy-archives>*{width:33%;}	
.etc-fancy-archives{margin-left:0px;}
.etc-fancy-archives>*{padding-left:0px;}}
@media (min-width:1200px){
.etc-fancy-archives{margin-left:-40px;}
.etc-fancy-archives>*{padding-left:40px;}}