/*
=====================================================================
*   Styleshout v3.5 Layout Stylesheet
*   url: styleshout.com
*   04-23-2015
=====================================================================

   TOC:
   a. default overrides and general styles
   b. header styles
   c. sidebar styles
   d. intro
   e. template entries
   f. template single entry
   g. blog entries
   h. blog single entry
   i. ad section
   j. extra
   k. 404
   l. legacy templates
   m. faq
   o. footer
   p. other stuff

===================================================================== */

/* ================================================================== */
/* a. default overrides and general styles
/* ================================================================== */

body { background: #e9ebea url(../images/footer-bg.jpg) repeat; }

ul { 
	list-style: disc outside; 
	margin-left: 25px;
}
ul li { padding-left: 10px; }

ins {
	background: transparent !important;
}


/* content sections 
-------------------------------------- */
.content-outer { background: #fff; }

#page-content {
   padding-top: 45px;
   padding-bottom: 55px;
   margin: 0 auto;
}
#main {
   padding-right: 40px;
   margin-bottom: 20px;
}
#sidebar {
   padding-top: 35px;   
   width: 100%;
}

/* entry 
-------------------------------------- */
.entry {
   margin-bottom: 40px;
   padding-bottom: 24px;
   border-bottom: 1px solid #E8E8E8;
}
.entry h3, 
.entry h3 a,
.entry h3 a:visited {
	font: 22px/30px 'notosans-bold', sans-serif;
	color: #32383D;
	margin-bottom: 5px;
}
.entry h3 a:hover,
.entry h3 a:focus {
	color: #F16251;
}

.entry .metas { 
	margin: 0; 
	color: #BBBBBB;	
	margin: 10px 0 20px;
	line-height: 15px;	
}
.entry .metas .date,
.entry .metas .cat a {
	font: 12px/25px 'notosans-bold', sans-serif;
	text-transform: uppercase;
	letter-spacing: 1px;
	padding: 0;
	margin: 0 0 55px 0;
	background: none;
	color: #778888;	
}
.entry .metas .date { padding-right: 5px; }
.entry .metas .cat { padding-left: 5px; }
.entry .metas a:hover,
.entry .metas a:focus {
	background: none;
	color: #F16251;
}

/* for template archives 
-------------------------------------- */
.template .entries .entry .metas { margin: 15px 0 30px 0; }
.template .entries .entry .metas .date,
.template .entries .entry .metas .cat a {
	font: 12px/20px 'notosans-bold', sans-serif !important;
	display: inline-block;
   margin: 0 8px 10px 0;
   padding: 6px 15px;
   text-transform: uppercase;   
   background: #E0E4E4;
   color: #778888;
	text-decoration: none;
   letter-spacing: 1px;   
   border-radius: 3px;   
}
.template .entries .entry .metas .cat { 
	padding-left: 0;
	margin: 0; 	
}
.template .entries .entry .metas .cat a {  
   -webkit-transition: all .2s ease-in-out;
	-moz-transition: all .2s ease-in-out;
	-o-transition: all .2s ease-in-out;
	-ms-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out;   
}
.template .entries .entry .metas .cat a:hover,
.template .entries .entry .metas .cat a:focus {
	background: #F16251;
	color: #fff;
}

/* image thumb 
-------------------------------------- */
.thumb {
   position: relative;
   margin: 15px 0 20px 0;
   width: 100%;
}
.thumb a {
   display: block;
   height: 100%;
   width: 100%;
}
.thumb img{
   border: none;
   border-radius: 3px;
   vertical-align: bottom;
}
.overlay {
   position: absolute;
   left: 0;
   top: 0;
   width: 100%;
   height: 100%;

	opacity: 0;
	-moz-opacity: 0;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	filter:alpha(opacity=0);

   -webkit-transition: opacity 150ms ease-in-out;
	-moz-transition: opacity 150ms ease-in-out;
	-o-transition: opacity 150ms ease-in-out;
	transition: opacity 150ms ease-in-out;

   border-radius: 3px;
   background: url(../images/overlay.png) no-repeat center center, url(../images/overlay-bg.png) repeat;
}
.thumb a:hover .overlay {
	opacity: 1;
	-moz-opacity: 1;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter:alpha(opacity=100);
}

/* template categories 
-------------------------------------- */
.categories { }
.categories h5 {
	font: 18px/30px 'notosans-bold', sans-serif; 
	margin-bottom: 20px;
   margin-right: 15px;
   letter-spacing: -0.5px;
}
.cat-list {
   margin: 20px 0 20px -15px;
   padding: 0;
   font-size: 17px;
}
.cat-list a {
   font: 13px/25px 'notosans-bold', sans-serif !important;
   display: inline-block;
   float: left;
   margin: 0 0 15px 15px;
   padding: 8px 20px;
   position: relative;
   text-transform: uppercase;   

   background: #D3D9D9;
	text-decoration: none;
   letter-spacing: 1px;
   color: #778888;

   -webkit-transition: all .2s ease-in-out;
	-moz-transition: all .2s ease-in-out;
	-o-transition: all .2s ease-in-out;
	-ms-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out;

   border-radius: 3px;
}
.cat-list a:hover {
   color: #fff;
   background: #F16251;
}

/* social sharing */
.dvk-social-sharing { margin: 25px 0 25px 0 !important; }
.dvk-social-sharing .ss-ask {
	font: 17px/30px 'notosans-bold', sans-serif;
	color: #32383d;
	margin-right: 10px;
}
.dvk-social-sharing a {
	margin-right: 10px;
	display: inline-block;
}
.dvk-social-sharing a:before {
	font-family: 'fontello';
	font-size: 20px;
	margin-right: 6px;
	color: #B3B9C1;
	position: relative;
	top: 1px;

	-webkit-transition: color .5s ease-in-out;
   -moz-transition: color .5s ease-in-out;
   -o-transition: color .5s ease-in-out;
   transition: color .5s ease-in-out;
}
.dvk-social-sharing a.ss-facebook:hover:before { color: #1A5EB0; }
.dvk-social-sharing a.ss-twitter:hover:before { color: #1BAFE0; }
.dvk-social-sharing a.ss-googleplus:hover:before { color: #F16251; }

.dvk-social-sharing a.ss-facebook:before { content: '\e80c'; }
.dvk-social-sharing a.ss-twitter:before { content: '\e83d'; }
.dvk-social-sharing a.ss-googleplus:before { content: '\e83e'; }


/* ================================================================== */
/* b. header styles
/* ================================================================== */

header {
   background: #22272A url(../images/header-bg.jpg);
   height: 220px;
   width: 100%;
}

/* header logo 
-------------------------------------- */
header .logo {
   position: absolute;
   left: 30px;
   top: 30px;
}
header .logo a {
   display: block;
   margin: 0;
	padding: 0;
	border: none;
	outline: none;
   width: 57px;  
}

/* ads 
-------------------------------------- */
header .ad-wrap {
	position: absolute;
   top: 20px;
   right: 20px;
}
header .ads {
  	display: block;
	font: 12px/20px "notosans-regular", sans-serif;
   color: #FFF;
   width: 300px;
   height: 110px;
   padding: 15px;
   margin-right: 0;
   background: #1E2124;
   border-radius: 3px;
}
header .ads a { color: #90908E; }
header .ads a span {
    color: #fff;
    font: 12px/20px "notosans-bold", sans-serif;
}
header .ads img {
    margin-top: 0;
    margin-right: 15px;
    float: left;
    border-radius: 0;
}

/* primary navigation
-------------------------------------- */

/* hide toggle button */
#nav-wrap > a {
	display: none;
}

#nav-wrap ul, #nav-wrap li, #nav-wrap a {
   margin: 0;
	padding: 0;
	border: none;
	outline: none;
}
/* nav-wrap */
#nav-wrap {
	position: absolute;
   top: 170px;
   left: 18px;
   z-index: 99999;
}
/* hide toggle button */
#nav-wrap > a.mobile-btn {
   display: none;
}
ul#nav {
   min-height: 50px;
   width: auto;   
   text-align: left;
}
ul#nav li {
	position: relative;
	list-style: none;
   height: 50px;
   display: inline-block;
}

/* Links */
ul#nav li a {
   font: 14px 'notosans-bold', sans-serif;
   line-height: 30px;
   padding: 10px 20px;
   letter-spacing: 2px;
   text-transform: uppercase;
   display: inline-block;
	text-decoration: none;
   text-align: left;
   color: #fff;

	-webkit-transition: color .2s ease-in-out;
	-moz-transition: color .2s ease-in-out;
	-o-transition: color .2s ease-in-out;
	-ms-transition: color .2s ease-in-out;
	transition: color .2s ease-in-out;
}
ul#nav li a:active { background-color: transparent !important; }
ul#nav li:hover > a { color: #F8E356; }

/* current parent menu style */
.template-current ul#nav > li.template-parent-menu,
.blog-current ul#nav > li.blog-parent-menu,
ul#nav > li.current-menu-item,
ul#nav > li.current-menu-ancestor {
   background: #fff;
   border-radius: 3px 3px 0 0;
}
.template-current ul#nav > li.template-parent-menu > a,
.blog-current ul#nav > li.blog-parent-menu > a,
ul#nav > li.current-menu-item > a,
ul#nav > li.current-menu-ancestor > a { color: #1B1E24 }

/* down arrow for parent menu item */
ul#nav .menu-item-has-children > a:after {
   width: 0;
	height: 0px;
	border: 4px solid transparent;
	border-bottom: none;
	border-top-color: #8a8383;
	content: '';
	vertical-align: middle;
	display: inline-block;
	position: relative;
	right: -8px;
}

/* 2nd level menu */
ul#nav li.current-menu-item ul a,
ul#nav li.current-menu-ancestor ul a { color: #fff; }

ul#nav li.current-menu-item ul li:hover a,
ul#nav li.current-menu-ancestor ul li:hover a
 { color: #F8E356; }

ul#nav li.highlight a { color: #F16251 !important; }



/* Sub Menu
-------------------------------------- */
ul#nav ul {
   position: absolute;   
   top: 100%;
   left: -4px;
   border-top: 5px solid #fff;
	background: #22272A url(../images/header-bg.jpg);
   min-width: 100%;
  	border-radius: 0 0 3px 3px;
	display: none; /* hide */
}
ul#nav ul li {
   padding: 0;
   display: block;
   text-align: left;
	height: 50px;
	border-bottom: 1px solid #32393E;
}
ul#nav ul li:last-child  { border: none; }

/* sub menu anchor links */
ul#nav ul li a {
	padding: 10px 25px;
	margin: 0;
   background-image: none;
   white-space: nowrap;
   font-size: 14px;
   text-transform: none;
   letter-spacing: normal;
}

/* on hover */
.template-current ul#nav > li.template-parent-menu:hover > a,
.blog-current ul#nav > li.blog-parent-menu:hover > a,
ul#nav > li.current-menu-item:hover > a,
ul#nav > li.current-menu-ancestor:hover > a { color: #1B1E24 }

ul#nav li:hover > ul,
ul#nav li.sfHover > ul {
   display: block; /* show */
}

/* ================================================================== */
/* c. sidebar styles
/* ================================================================== */

#sidebar h3 {
   font: 20px/30px 'notosans-bold', sans-serif;
   margin-bottom: 10px;   
}
#sidebar .widget { margin-bottom: 25px; }
#sidebar p { margin-bottom: 20px; }
#sidebar hr { margin-bottom: 25px; }

/* search 
-------------------------------------- */
#sidebar .widget_search { padding-top: 10px; }
#sidebar .widget_search h3 { display: none; }
#sidebar .widget_search form {
   position: relative; 
   margin: 0;
}
#sidebar .widget_search .text-search {
	background: #DDE0E3;
	padding-right: 40px;
	border:none;
   width: 100%;
   min-width: 150px;
   border-radius: 3px;
}
#sidebar .widget_search .text-search:focus {
	background: #AFB7BE;
	color: #4B4C4D;
}
#sidebar .widget_search .submit-search {
	background:url(../images/search-icon.png) no-repeat;	
	width: 18px;
	height: 18px;
	min-height: 18px;
   margin: -9px 0 0 0;
   padding: 0;

   position: absolute;
   top: 50%;
   right: 18px;    

   box-shadow: none;
	border:none; 
	cursor:pointer;
}

/* Social list 
-------------------------------------- */
#sidebar .social-list {
   font-size: 30px;
   padding: 0;
   margin: 15px 0 20px -5px;
}
#sidebar .social-list li {
   display: inline-block;
   padding: 0;
   margin-right: 5px;
}
#sidebar .social-list li a {
   border: none;
   color: #434B51;
}
#sidebar .social-list li a:hover { color: #F16251 }

/* News List
-------------------------------------- */
#sidebar .link-list {   
   padding: 0;
   margin: 15px 0 20px 0;
}
#sidebar .link-list li {
	font: 15px/30px 'merriweather-regular', sans-serif;
	padding: 8px 0;
	margin: 0;
	border-bottom: 1px dotted #E6E6E6;
}
#sidebar .link-list li:first-child { 
	border-top: 1px dotted #E6E6E6;
}
#sidebar .link-list li a {	color: #657176; }
#sidebar .link-list li a:hover {	color: #313131; }


/* tag cloud 
-------------------------------------- */
#sidebar .tagcloud {
   margin: 20px 0 20px -12px;
   padding: 0;
   font-size: 17px;
}
#sidebar .tagcloud a {
   font: 13px/25px 'notosans-bold', sans-serif !important;
   display: inline-block;
   float: left;
   margin: 0 0 15px 15px;
   padding: 5px 10px;
   position: relative;
   text-transform: uppercase;

   background: #D3D9D9;
	text-decoration: none;
   letter-spacing: .5px;
   color: #778888;

   -webkit-transition: all .2s ease-in-out;
	-moz-transition: all .2s ease-in-out;
	-o-transition: all .2s ease-in-out;
	-ms-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out;

   border-radius: 3px;
}
#sidebar .tagcloud a:hover {
   color: #fff;
   background: #F16251;
}

/* Sidebar Ads
-------------------------------------- */
#sidebar .ads.adsense-300x250-top-right {
   margin: 10px 0 30px 0;
   padding: 0;
}
#sidebar .ads.adsense-300x250 {
   margin: 10px 0 5px -7px;
   padding: 0;
}
#sidebar .ads.bsa {
   margin: 10px 0 0 0;
   padding: 0;
}
#sidebar .ads img { border-radius: 0; }


/* ================================================================== */
/* d. intro
/* ================================================================== */

.intro {
   padding-top: 25px;
   padding-bottom: 10px;
}
.intro a {
	color: #313131;
	border-bottom: 1px dotted #B5BBBF;		
}
.intro a:hover, 
.intro a:focus { 
	color: #F16251;	
}
.intro h1 {
   font: 34px/45px 'notosans-bold', sans-serif;   
   margin-bottom: 15px;
   color: #32383D;
}
.intro h1 span { color: #EE7759; }
.intro h2 {
   font: 24px/40px 'merriweather-light', serif;
   color: #6E7B81;
   margin-bottom: 15px;
}
.intro h4 {
   font: 18px/35px 'merriweather-regular', serif;
   color: #677379;
   margin-bottom: 0px;
}
.intro .intro-sep {
   display: block;
   height: 60px;
   margin: 35px auto 0 auto;
   padding: 0;
   background: #fff url(../images/intro-sep.png) 50% 0 no-repeat;
}
.intro hr {
   margin-top: 30px;
   margin-bottom: 20px;
}


/* ================================================================== */
/* e. template entries
/* ================================================================== */

.template .entries { margin-top: 5px; }
.template .entry h3 span { color: #EE7759; }
.template .entry .metas { }
/*.template .entries .template-links { display: none; }*/

/* template content */
.template .entry-content {
   margin: 25px 0 0 0;
   padding: 0;
}
.template .entry-content p { margin-bottom: 20px; }

/* template links */
.template-links { margin: 30px 0 30px 0; }
.template-links a {   
   font: 18px/25px 'notosans-bold', sans-serif;
   display: inline-block;
   text-transform: uppercase;
   letter-spacing: 2px;   
   padding-right: 25px;
   text-align: left;
}
.template-links a i {
   font-size: 24px;
   color: #657176;
   position: relative;
   top: -20px;
}
.template-links a .text {
   display: inline-block;
   margin-left: 5px;
}
.template-links a em {
   font: 14px/25px 'notosans-regular', sans-serif;
   text-transform: none;
   letter-spacing: normal;
   display: block;
   color: #657176;
}

/* browse */
#main .browse { padding-top: 20px; }
#main .browse .button:first-child { margin-right: 12px; }

/* sponsor ad */
.sponsor {
   border-bottom: 1px solid #E8E8E8;
   margin-bottom: 35px;
   padding-top: 15px;
   padding-bottom: 49px;
}
.sponsor .ads {
   background: #e3e7e8;
   border-radius: 3px;
   padding-top: 50px;
   padding-bottom: 40px;
   text-align: center;
}
.sponsor .ads .ad-content {
   margin: 0 auto;
   width: 350px;
}


/* ================================================================== */
/* f. @template single entry
/* ================================================================== */

.template.single .entry { 
	margin-top: 30px; 
	margin-bottom: 4px;
	border-bottom: none;
}
.template.single .entry h1 {
   font: 28px/40px 'notosans-bold', sans-serif;
   margin-bottom: 0;
   margin-top: 30px;
}
.template.single .entry h1 span { color: #EE7759; }
.template.single .entry h4 {
	font: 17px/30px 'notosans-bold', sans-serif;	
	margin-bottom: 0;
}
.template.single .entry-content { margin-top: 10px; }

/* features and credits section */
.template.single .features-and-credits ul { 
	margin-bottom: 20px; 
	margin-left: 0;
}
.template.single .features-and-credits li {
	display: inline-block;
   margin: 0;
   padding: 0;
   line-height: 30px;
}
.template.single .features-and-credits li a,
.template.single .features-and-credits li a:visited {
	color: #657176;
}
.template.single .features-and-credits li a:hover,
.template.single .features-and-credits li a:focus {
	color: #313131;
}
.ie .template.single .features-and-credits li { display: inline; }
.template.single .features-and-credits li:after {
   content: "\2022";
   padding-left: 7px;
   padding-right: 7px;
   color: #BEBEBE;
}
.template.single .features-and-credits li:last-child:after { display: none; }

/* entry bottom */
.template.single .entry-bottom {	padding-bottom: 20px; }
.template.single .template-links {
	float: left;
	width: auto;
	margin: 30px 0 25px 35px;
}
.template.single .template-links a { display: block; }
.template.single .entry-bottom .template-links hr { margin-bottom: 20px; }
.template.single .entry-bottom .ads {
	margin-top: 20px;
	float: left;
	width: 300px;
	height: 300px;
	background-color: #fff;
}


/* ================================================================== */
/* g. blog entries
/* ================================================================== */

.blog .entries { margin-top: 10px; }
.blog .entry { padding-bottom: 34px; }



/* ================================================================== */
/* h. blog single entry
/* ================================================================== */

.blog.single .entry { 
	margin-top: 30px; 
	margin-bottom: 4px; 
	padding-bottom: 9px;
	border-bottom: none;
}
.blog.single .entry h1 {
   font: 28px/40px 'notosans-bold', sans-serif;
   margin-bottom: 0;
   margin-top: 30px;
}
.blog.single .entry-content { margin-top: 10px; }
.blog.single .entry .metas { 	
	margin: 5px 0 20px;		
}


/* ================================================================== */
/* i. ad section
/* ================================================================== */

#ad-section {
   background: #2c3135 url(../images/header-bg.jpg);
   padding-top: 59px;
   padding-bottom: 59px;
   border-top: 1px solid #272C2F;
   border-bottom: 1px solid #383E43;
}
#ad-section h3 {
   font: 16px/30px 'notosans-bold', sans-serif;
   color: #8B94A7;
   margin: 0 0 15px 0;
   letter-spacing: 2px;
   text-transform: uppercase;
}
#ad-section img {
   border: none;
   border-radius: 0;
}

/* ================================================================== */
/* j. extra
/* ================================================================== */

#extra {
   background: #2a3034 url(../images/extra-bg.jpg);
   color: #ABB3BA;
   padding-top: 70px;
   padding-bottom: 49px;
   border-bottom: 1px solid #272C2F;   
   text-shadow: 0 -1px 0 rgba(0, 0, 0, 1);
}
#extra a, 
#extra a:visited  {
   color: #FFE47A;
   border-bottom: 1px dotted #535E65; }
#extra a:hover, 
#extra a:focus { 
	color: #fff; 
}
#extra .columns.terms { padding-right: 40px; }
#extra .columns.support { padding-left: 40px; }
#extra h2 {
   font: 22px/30px 'notosans-bold', sans-serif;
   margin-bottom: 25px;
   color: #fff;
}
#extra a.button {
   margin-top: 5px;
   padding: 5px 25px;
   margin-bottom: 10px;
   border: none;
   color: #2E2200;
}
#extra em {
  font: 16px/30px 'merriweather-regular', georgia, serif;
  color: #fff;
}
#extra a.button,
#extra a.button:hover { color: #2E2200; }
#extra .text { }


/* ================================================================== */
/* k. 404
/* ================================================================== */

/* header */
#four-o-four header { height: 180px; }
#four-o-four header .logo {
	top: 50px;
	left: 50%;
	margin-left: -28.5px;
}

/* navigation */
#four-o-four #nav-wrap {
	top: 130px;
	width: 100%;
}
#four-o-four #nav-wrap ul#nav { text-align: center; }
ul#nav li:hover > a { color: #F8E356; }

/* content */
#four-o-four .content-outer {	background: #22272A url(../images/header-bg.jpg); }
#four-o-four #page-content {
	text-align: center;
	padding-bottom: 220px;
}
#four-o-four #page-content a, 
#four-o-four #page-content a:visited { 	
	color: #E6E8E7;
}
#four-o-four #page-content a:hover, 
#four-o-four #page-content a:focus { 
	color: #F8E356 
}
#four-o-four #page-content h1 {
	font: 350px/1em 'notosans-bold', sans-serif;
	letter-spacing: 5px;
	color: #fff;
	margin-bottom: 50px;
}
#four-o-four #page-content h1 em {
	display: block;
	font: 40px/1em 'notosans-bold', sans-serif;
	text-transform: uppercase;
}
#four-o-four #page-content p {
	width: 70%;	
	margin-left: auto;
	margin-right: auto;
}


/* ================================================================== */
/* l. legacy templates
/* ================================================================== */

#template-list-wrapper {	
	margin-top: 10px; 
	margin-right: -15px;
	margin-left: -15px;
	margin-bottom: 50px;
}
#template-list-wrapper .bgrid { padding: 0 15px; }

.item .item-wrap {
   background: #fff;
   position: relative;
   margin-bottom: 15px;
   text-align: center;

   -webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}
.item .item-wrap .thumb {
   display: block;
   position: relative;  
   margin: 0;
}
.item .item-wrap h5 {
   font: 14px/20px 'notosans-bold', sans-serif;
   margin-top: 10px;   
}

/* overlay */
.item .item-wrap .overlay {
   position: absolute;
   left: 0;
   top: 0;
   width: 100%;
   height: 100%;

	opacity: 0;
	-moz-opacity: 0;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	filter:alpha(opacity=0);

   -webkit-transition: opacity 0.3s ease-in-out;
	-moz-transition: opacity 0.3s ease-in-out;
	-o-transition: opacity 0.3s ease-in-out;
	transition: opacity 0.3s ease-in-out;

   background: url(../images/overlay-bg.png) repeat; 
}
.item .item-wrap img { vertical-align: bottom; }

.item .template-item-actions { 
	font: 26px/30px 'notosans-bold', sans-serif;
	color: #fff;

	position: absolute;
	top: 50%;
	left: 0;
	width: 100%;
	margin-top: -15px;

	opacity: 0;
	-moz-opacity: 0;
	filter:alpha(opacity=0);

   -webkit-transition: opacity 0.3s ease-in-out;
	-moz-transition: opacity 0.3s ease-in-out;
	-o-transition: opacity 0.3s ease-in-out;
	transition: opacity 0.3s ease-in-out;
}
.item .template-item-actions a {
	color: #fff;
	display: inline;
}

/* on hover */
.item:hover .overlay {
	opacity: 1;
	-moz-opacity: 1;	
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter:alpha(opacity=100);
}
.item:hover .link-icon,
.item:hover .template-item-actions {
   opacity: 1;
	-moz-opacity: 1;
	filter:alpha(opacity=100);
}

/* ================================================================== */
/* m. faq
/* ================================================================== */

/* FAQ list */
.faq-list {
   margin: 0 0 35px 18px;
   padding: 0;
   list-style: disc outside;
}
.faq-list li {
   line-height: 30px;
   padding-left: 10px;
}
.faq-list li i { margin-right: 10px; }


/* ================================================================== */
/* o. footer
/* ================================================================== */

footer {
   margin-top: 60px;
   margin-bottom: 70px;
   color: #788791;
   font-family: 'notosans-regular';
   font-size: 14px;
   text-shadow: 1px 1px 0 #fff;
}
footer a, footer a:visited { color: #4E585F; }
footer a:hover, footer a:focus { color: #EF4B39; }

/* footer nav 
-------------------------------------- */
footer .footer-nav {
   font: 16px/40px 'notosans-bold', sans-serif;
   margin: 0 0 15px 0;
   padding: 0 0 20px 0;
   text-align: center;
}
footer .footer-nav li {
   display: inline;
   margin-right: 15px;
   margin-left: 15px;
}
footer .footer-nav a { color: #4E585F; }
footer .footer-nav a:hover { color: #EF4B39; }

/* footer social links 
-------------------------------------- */
footer .footer-social {
   margin: 0px 0 15px 0;
   padding: 0;
   font-size: 30px;
   text-align: center;
}
footer .footer-social li {
   display: inline-block;
   margin: 0;
   padding: 0;
   margin-left: 24px;
   margin-right: 24px;
}
footer .footer-social li a { color: #4E585F; }
footer .footer-social li a:hover { color: #EF4B39; }

/* copyright 
-------------------------------------- */
footer .copyright {
   font: 15px/30px 'notosans-regular', sans-serif;
   margin: 0;
   padding: 15px 0 0 0;
   text-align: center;
}
footer .copyright li {
   display: inline-block;
   margin: 0;
   padding: 0;
   line-height: 24px;
}
.ie footer .copyright li {
   display: inline;
}
footer .copyright li:before {
   content: "|";
   padding-left: 10px;
   padding-right: 15px;
   color: #B4BBBB;
}
footer .copyright  li:first-child:before {
   display: none;
}

/* Go To Top Button 
-------------------------------------- */
#go-top {
	position: fixed;
	bottom: 0px;
   right: 25px;
   display: none;
}
#go-top a {
	text-decoration: none;
	border: 0 none;
	display: block;
	width: 60px;
	height: 40px;
	background: url(../images/go-to-top.png) no-repeat 50% 50%;
	background-color: #1f2024;

	-webkit-transition: all 0.2s ease-in-out;
   -moz-transition: all 0.2s ease-in-out;
   -o-transition: all 0.2s ease-in-out;
   -ms-transition: all 0.2s ease-in-out;
   transition: all 0.2s ease-in-out;

	border-radius: 3px 3px 0 0;

   font: 0/0 a;
   text-shadow: none;
   color: transparent;
}
#go-top a:hover {
   background-color: #F05442;
}


/* ================================================================== */
/* p. other stuff
/* ================================================================== */

/* template pagination 
-------------------------------------- */
.template-pagination {
   font: 16px/30px 'notosans-bold', sans-serif;
   text-align: center;
   margin-top: 45px;
}
.template-pagination span {
   font: 16px/30px 'notosans-regular', sans-serif;
   color: #C0C6C9;
}
.template-pagination a.active {
	color: #657176;
}

/* page navigation 
-------------------------------------- */
.pagenav {
   font: 18px/30px 'notosans-bold', sans-serif;
   text-align: left;
   margin-top: 20px;
   padding-bottom: 0px;
   margin-bottom: 40px;
   border-bottom: 1px solid #E8E8E8;
}
.pagenav p {
	margin-bottom: 20px;
}
.pagenav span {
	font: 18px/30px 'notosans-regular', sans-serif;
   color: #C0C6C9;
   margin: 0 15px;
}
.pagenav a[rel="prev"] { 
	margin-right: 10px;
	padding-right: 15px;
	border-right: 1px solid #C0C6C9;
}
.pagenav a[rel="prev"]:before {
	content: '\e801';
	font-family: 'fontello';
	font-size: 15px;
	margin-right: 12px;
}
.pagenav a[rel="next"]:after {
	content: '\e802';
	font-family: 'fontello';
	font-size: 15px;
	margin-left: 12px;
}