/*!
Theme Name:Themify Magazine
Theme URI:https://themify.me/themes/magazine
Version:7.1.5
Description:Created by Themify.
Author:Themify
Author URI:http://www.themify.me
License:GNU General Public License v2.0
License URI:http://www.gnu.org/licenses/gpl-2.0.html
Copyright:(c) 2016 Themify.
Tags:featured-images, translation-ready, custom-menu
Text Domain:themify
Required Plugins:themify-shortcodes
---------
DO NOT EDIT THIS FILE.
If you need to override theme styling, please add custom CSS in Appearance > Customize > Custom CSS or a child theme (https://themify.me/docs/child-theme).
*/
/************************************************************************************
RESET
*************************************************************************************/
html, body, address, blockquote, div, dl, form, h1, h2, h3, h4, h5, h6, ol, p, pre, table, ul,
dd, dt, li, tbody, td, tfoot, th, thead, tr, button, del, ins, map, object,
a, abbr, acronym, b, bdo, big, br, cite, code, dfn, em, i, img, kbd, q, samp, small, span,
strong, sub, sup, tt, var, legend, fieldset, figure{
margin:0;
padding:0
}
img, fieldset{
border:0
}
/* set img max-width */
img{
box-sizing:border-box
}
/* set html5 elements to block */
article, aside, details, figcaption, figure, footer, header, menu, nav, section{
display:block
}
/* audio */
audio,
iframe, object{
max-width:100%
}
/************************************************************************************
GENERAL STYLING
*************************************************************************************/
:root{
--theme_accent:#47a7d7;
--theme_accent_semi:rgba(71,167,215,.85)
}
@font-face{
font-family:'themify_theme_icon';
font-display:swap;
src:url(data:application/octet-stream;base64,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) format('woff')
}
html{
-webkit-font-smoothing:antialiased
}
body{
font:.95em/1.75em Helvetica, Arial, sans-serif;
background-color:#fff;
color:#666;
overflow-wrap:break-word
}
a{
color:var(--theme_accent)
}
a:hover{
color:#069
}
p{
margin:0 0 1.2em;
padding:0
}
small{
font-size:87%
}
blockquote{
font:italic 110%/130% "Times New Roman", Times, serif;
padding:8px 30px 15px
}
ins{
text-decoration:none
}
/* LIST
================================================ */
ul, ol{
margin:1em 0 1.4em 24px;
padding:0
}
li{
margin:0 0 .5em;
padding:0
}
/* HEADINGS
================================================ */
h1, h2, h3, h4, h5, h6{
line-height:1.5em;
margin:20px 0 .4em;
font-family:'Open Sans', sans-serif;
color:#000;
font-weight:normal;
overflow-wrap:normal
}
h1{
font-size:2em
}
h2{
font-size:1.8em
}
h3{
font-size:1.6em
}
h4{
font-size:1.2em
}
h5, h6{
font-size:1em
}
/* FORM
================================================ */
/* form input */
input, textarea, select, input[type=search], button{
font-size:100%;
font-family:inherit
}
textarea, input[type=text], input[type=password], input[type=search], input[type=email], input[type=url]{
background-color:#f2f2f2;
border-color:#e5e5e5;
border-width:0 0 2px;
border-style:solid;
padding:8px 10px;
color:#888;
-webkit-appearance:none
}
input[type=text], input[type=search], input[type=email]{
width:240px;
max-width:90%
}
/* text area */
textarea{
line-height:150%;
width:94%
}
/* form input:focus */
textarea:focus, input[type=text]:focus, input[type=password]:focus, input[type=search]:focus, input[type=email]:focus, input[type=url]:focus{
outline:none;
background-color:#eee
}
/* form button */
input[type=reset], input[type=submit], button{
background-color:var(--theme_accent);
color:#fff;
border:0;
padding:7px 20px;
cursor:pointer;
letter-spacing:.1em;
font-size:1.125em;
font-family:Oswald, sans-serif;
text-transform:uppercase;
-webkit-appearance:none;
border-radius:0
}
/* form input:hover */
input[type=reset]:hover, input[type=submit]:hover, button:hover{
background-color:#069;
color:#fff
}
/************************************************************************************
STRUCTURE
*************************************************************************************/
#pagewrap, .pagewidth, #headerwrap, #header, #main-nav, #body, #layout, #content, .post, .author-box, .post-nav,#sidebar, .widget, #footerwrap, #footer{
box-sizing:border-box
}
.pagewidth,
.row_inner{
width:1064px;
margin:0 auto
}
#body{
margin:0 auto;
max-width:100%;
padding:0 0 40px
}
/* content top space */
#contentwrap,
#sidebar{
padding-top:5%
}
/* sidebar1 (sidebar right) */
#contentwrap{
width:67.64%;
float:left
}
#sidebar{
width:28.28%;
float:right
}
.sidebar-left #sidebar{
float:left
}
/* sidebar2 (content-middle) */
.sidebar2 #content{
width:72%;
float:right
}
.sidebar2 #sidebar-alt{
width:22.3%;
float:left
}
/* sidebar2 content-right */
.sidebar2.content-right #sidebar-alt,
.sidebar-left #sidebar,
.sidebar2.content-right #sidebar,
.sidebar2.content-left #contentwrap,
.sidebar2.content-left #content{
float:left
}
.sidebar-left #contentwrap,
.sidebar2.content-right #contentwrap,
.sidebar2.content-left #sidebar-alt,
.sidebar2.content-left #sidebar,
#sidebar .secondary.last{
float:right
}
/* sidebar-none */
.sidebar-none #contentwrap{
width:100%;
float:none
}
/* sidebar secondary column */
#sidebar .secondary{
width:47%;
float:left
}
/* fullwidth content */
.full_width #layout{
width:100%;
max-width:100%
}
.full_width #contentwrap,
.full_width #content{
padding:0;
width:auto;
float:none
}
.full_width #sidebar{
width:auto;
float:none
}
/************************************************************************************
GRID
*************************************************************************************/
.col4-1,
.col4-2,
.col4-3,
.col3-1,
.col3-2,
.col2-1
{
margin-left:5%;
float:left
}
.col4-1{
width:21.2%
}
.col4-2, .col2-1{
width:47%
}
.col4-3{
width:73.8%
}
.col3-1{
width:29.3%
}
.col3-2{
width:65.6%
}
.col.first,
.col4-1.first,
.col4-2.first,
.col4-3.first,
.col3-1.first,
.col3-2.first,
.col2-1.first
{
margin-left:0;
clear:left
}
/************************************************************************************
HEADER
*************************************************************************************/
#headerwrap{
background-color:var(--theme_accent)
}
#header{
font-family:Oswald, sans-serif;
text-transform:uppercase;
position:relative;
z-index:100
}
#header .hgroup{
float:left;
margin:14px 20px 0 0
}
/*
HEADER WIDGET
================================================ */
.header-widget{
text-align:center;
margin:auto
}
.header-widget .widget{
margin-top:45px
}
/*
FIXED HEADER
================================================ */
.fixed-header{
position:fixed;
z-index:1001;
left:0;
top:0;
width:100%;
transition:left .2s ease-in-out
}
.admin-bar .fixed-header{
top:32px
}
.fixed-header #nav-bar{
position:absolute;
top:-100px
}
.fixed-header .social-widget,
.fixed-header #searchform-wrap{
display:none
}
/* prevent transparent header overlap builder */
.themify_builder_active #headerwrap,
.themify_builder_active.has-fixed-header #headerwrap,
.transparent-header.themify_builder_active #headerwrap{
position:static!important;
color:inherit
}
.transparent-header.themify_builder_active #headerwrap a{
color:inherit
}
/*
SOCIAL WIDGET
================================================ */
#social-wrap{
position:absolute;
top:10px;
right:0
}
#headerwrap .social-widget{
float:right
}
.social-widget a{
color:#fff;
font-size:1.25em;
text-decoration:none
}
.social-widget a:hover{
color:var(--theme_accent);
text-decoration:none
}
.social-widget .widget{
display:inline-block;
margin:0 2px 0 0;
padding:0
}
.social-widget .widget div{
display:inline
}
.social-widget .widgettitle{
width:auto;
font-size:100%;
font-family:inherit;
text-transform:none;
border:0;
letter-spacing:0;
position:static;
display:inline-block;
margin:5px 8px 2px 0;
padding:0;
background:0;
border-radius:0;
box-shadow:none
}
.social-widget ul{
margin:6px 0 0!important;
padding:0;
display:inline
}
.social-links.horizontal li{
padding:0;
margin:0 2px;
display:inline-block;
border:0!important;
clear:none;
line-height:100%
}
/* rss */
.social-widget div.rss{
display:inline-block;
padding:4px
}
.social-widget div.rss a{
color:#fff!important;
font-size:1.25em;
line-height:1em
}
.social-widget div.rss a:hover{
color:var(--theme_accent)!important
}
.social-widget .icon-rss:before{
content:"\f09e"; /* fa-rss */
font-style:normal
}
/*
SEARCH FORM
================================================ */
#searchform-wrap{
float:right;
margin-right:14px;
margin-top:5px;
position:relative
}
#headerwrap #searchform{
width:180px
}
#headerwrap #searchform #s{
width:0;
background:0;
padding:5px;
margin:0;
float:right;
border:0;
border-radius:3px;
transition:width .7s
}
#headerwrap #searchform #s:focus,
#headerwrap #searchform #s:hover,
#headerwrap #searchform .icon-search:hover + #s{
width:180px;
color:#333;
background-color:#fff
}
#headerwrap #searchform .icon-search{
font-size:1.25em;
position:absolute;
right:2px;
top:-1px;
color:#fff
}
#searchform .icon-search:before{
content:"\f002"; /* fa-search */
font-family:'themify_theme_icon';
font-style:normal
}
#headerwrap #searchform .icon-search:hover,
#headerwrap #searchform:hover .icon-search,
#headerwrap #searchform .icon-focus{
color:#000
}
/*
BREAKING NEWS
================================================ */
.breaking-news{
border-top:1px solid #ddd;
border-bottom:1px solid #ddd;
padding:1px 0;
position:relative;
margin-top:45px
}
.breaking-news .breaking-news-category{
float:left;
display:inline-block;
margin:1px 35px 1px 0!important;
background-color:var(--theme_accent);
padding:13px 15px;
position:relative;
left:0;
z-index:10;
letter-spacing:.1em;
font-size:1.125em;
font-family:Oswald, sans-serif;
text-transform:uppercase;
color:#fff;
line-height:100%
}
.breaking-news .breaking-news-category:after{
position:absolute;
content:' ';
width:0;
height:0;
top:0;
right:-15px;
border-left:15px solid var(--theme_accent);
border-top:22px solid transparent;
border-bottom:21px solid transparent
}
.breaking-news .tf_swiper-wrapper{
width:calc(100% - 55px)
}
.breaking-news .tf_swiper-wrapper .tf_swiper-slide{
padding-right:105px;
box-sizing:border-box
}
.breaking-news .tf_carousel_nav_wrap{
position:absolute;
right:0;
top:0;
margin:0;
width:auto
}
.breaking-news .carousel-wrap{
float:left;
width:70%;
overflow:hidden
}
.breaking-news .breaking-news-posts{
padding-top:10px;
display:flex
}
.breaking-news .breaking-news-posts .tf_swiper-wrapper a{
color:#000;
text-decoration:none
}
.breaking-news .breaking-news-posts a:hover{
color:var(--theme_accent);
border-left-color:var(--theme_accent)
}
.breaking-news .tf_carousel_nav_wrap a{
color:#ccc
}
.breaking-news .tf_slider_controller{
z-index:1;
order:2;
border-width:5px 0 5px 9px;
margin-top:3px;
width:10px;
height:10px
}
.breaking-news .carousel-next{
order:3
}
.breaking-news .tf_carousel_nav_wrap .carousel-prev:before,
.breaking-news .tf_carousel_nav_wrap .carousel-next:before{
width:6px;
height:6px;
border-width:1px
}
.breaking-news .tf_carousel_nav_wrap .tf_slider_controller.paused{
border-width:0 0 0 8px
}
/*
TOP NAVIGATION
================================================ */
#nav-bar{
background-color:#000;
width:100%;
padding:5px 0;
min-height:28px;
position:relative
}
#menu-icon-top{
display:none;
top:10px;
z-index:12
}
#top-nav{
margin:3px 0 0;
position:relative;
z-index:99999
}
#top-nav li{
margin:0 10px 0 0;
padding:0;
list-style:none;
float:left;
position:relative
}
#top-nav a{
text-decoration:none;
margin-right:7px;
color:#fff;
font-size:0.9em;
text-transform:uppercase
}
#top-nav a:hover{
color:var(--theme_accent)
}
/* sub-levels link */
#top-nav ul a, #top-nav .current_page_item ul a, #top-nav ul .current_page_item a, #top-nav .current-menu-item ul a, #top-nav ul .current-menu-item a, #top-nav li:hover > ul a{
color:#fff;
font-weight:normal;
text-transform:none;
padding:7px 0 7px 15px;
margin:0;
width:180px;
background:0;
border:0;
text-shadow:none;
border-radius:0;
box-shadow:none;
display:block
}
/* sub-levels link :hover */
#top-nav ul a:hover, #top-nav .current_page_item ul a:hover, #top-nav ul .current_page_item a:hover, #top-nav .current-menu-item ul a:hover, #top-nav ul .current-menu-item a:hover, #top-nav li:hover > ul a:hover{
background-color:#fff;
color:var(--theme_accent)
}
/* dropdown ul */
#top-nav ul{
margin:0;
padding:0;
list-style:none;
position:absolute;
left:0;
top:100%;
background-color:var(--theme_accent);
border:solid 3px var(--theme_accent);
z-index:100;
display:none
}
#top-nav ul li{
background:0;
padding:0;
margin:0
}
/* sub-levels dropdown */
#top-nav ul ul{
left:190px;
top:-2px
}
/* show dropdown ul */
#top-nav li:hover > ul{
display:block
}
/* Edge Menu */
#main-nav li.edge > ul{
left:auto;
right:0
}
#main-nav ul li.edge > ul{
left:auto;
right:100%
}
/*
MAIN NAVIGATION
================================================ */
#header nav.right{
float:none
}
#main-nav-wrap{
float:right
}
#main-nav{
margin:0;
padding:0
}
#main-nav li{
margin:0;
padding:0;
list-style:none;
float:left;
position:relative;
color:#fff
}
/* main level link */
#main-nav a{
color:#fff;
display:inline-block;
padding:26px 15px;
text-decoration:none;
letter-spacing:1px;
-webkit-font-smoothing:subpixel-antialiased;
font-family:Oswald, sans-serif;
position:relative
}
/* main level link :hover */
#main-nav li:hover{
background-color:var(--theme_accent);
color:var(--theme_accent)
}
/* current link */
#main-nav .current_page_item a, #main-nav .current-menu-item a{
background-color:var(--theme_accent);
color:#fff
}
/* current link :hover */
#main-nav .current_page_item a:hover, #main-nav .current-menu-item a:hover{
color:#fff
}
/* menu has sub-level nav */
#main-nav .has-sub-menu > a:after,
#main-nav .has-mega-sub-menu > a:after{
content:'\f107'; /* fa-angle-down */
text-transform:none;
font-size:.875em;
margin-left:10px;
position:relative;
top:-2px;
line-height:0
}
#main-nav .mega-sub-menu li>a:after{
content:'\f105'; /* fa-angle-right */
position:absolute;
top:10px;
right:10px
}
#main-nav .mega-sub-menu li a:not(.tf_loader):before{
display:none
}
/* sub-levels link */
#main-nav ul a{
font-size:100%;
line-height:140%;
font-weight:normal;
text-transform:none;
padding:10px;
margin:0;
display:block;
background:0;
border:0;
text-shadow:none;
border-radius:0;
box-shadow:none;
position:relative
}
#main-nav .current_page_item ul a,
#main-nav ul .current_page_item a,
#main-nav .current-menu-item ul a,
#main-nav ul .current-menu-item a{
color:#fff
}
/* sub-levels link :hover */
#main-nav ul li:hover > a,
#main-nav .current_page_item ul li:hover a,
#main-nav ul .current_page_item li:hover a,
#main-nav .current-menu-item ul li:hover a,
#main-nav ul .current-menu-item li:hover a{
background-color:#fff;
color:var(--theme_accent)
}
/* dropdown ul */
#main-nav li>.children,
#main-nav li > .sub-menu{
margin:0;
list-style:none;
position:absolute;
background-color:var(--theme_accent);
border:solid 5px var(--theme_accent);
z-index:100;
width:180px;
box-sizing:border-box;
transform-origin:top;
transform:scale(1,0);
transition:transform .3s
}
#main-nav ul li{
background:0;
padding:0;
margin:0;
float:none
}
#main-nav ul li a{
color:#fff;
font-family:'Open Sans', sans-serif;
font-size:.95em;
letter-spacing:0
}
#main-nav ul li:hover{
background-color:#fff;
color:var(--theme_accent)
}
#main-nav ul li.current-menu-item a{
color:#fff
}
#main-nav ul li.current-menu-item a:hover{
color:var(--theme_accent)
}
/* sub-levels dropdown */
#main-nav ul li:not(.themify-widget-menu) > ul{
left:100%;
top:-2px;
background:0
}
/* show dropdown ul */
#main-nav li:hover > .children,
#main-nav li:hover > .sub-menu{
transform:none
}
/* mega menu */
#main-nav .has-mega-sub-menu .mega-sub-menu .mega-menu-posts,
#main-nav .has-mega-sub-menu .mega-sub-menu,
#main-nav .has-mega-column > .sub-menu{
background-color:#fff;
border:solid 5px var(--theme_accent)
}
#main-nav .mega-sub-menu .mega-menu-posts{
height:100%
}
#main-nav .has-mega-sub-menu .mega-sub-menu{
display:flex;
min-height:210px;
max-height:80vh;
overflow:auto;
-webkit-overflow-scrolling:touch;
margin:0;
padding:0
}
#main-nav .has-mega-sub-menu .mega-sub-menu ul{
background-color:var(--theme_accent);
margin:0;
width:100%
}
#main-nav ul li:not(.themify-widget-menu)>ul{
margin:0
}
#main-nav .has-mega-sub-menu .mega-sub-menu > ul .mega-link > a,
#main-nav .has-mega-sub-menu .mega-sub-menu > ul a{
padding:10px
}
#main-nav .has-mega-sub-menu .mega-sub-menu ul a{
width:auto;
display:block;
box-sizing:border-box
}
.current-menu-item.has-mega-sub-menu .mega-sub-menu ul a{
color:#fff!important
}
.current-menu-item.has-mega-sub-menu .mega-sub-menu ul a:hover{
color:var(--theme_accent)!important
}
/* mega menu posts */
#main-nav .mega-menu-posts .post-image{
margin:0 0 5px
}
#main-nav .mega-menu-posts .post-image img{
width:100%
}
#main-nav .mega-menu-posts .post-title{
font-size:.9em;
text-transform:none;
margin:0 0 5px
}
#main-nav .mega-menu-posts .post a{
color:#000;
padding:0;
letter-spacing:0;
font-family:'Open Sans', sans-serif;
width:100%
}
#main-nav .mega-menu-posts .post a:hover,
.current-menu-item .mega-menu-posts .post a{
background:0!important;
color:var(--theme_accent)
}
/* mega column */
#main-nav .has-mega-column > .sub-menu{
padding:2.5% 3% 3%
}
#main-nav .has-mega-column > .sub-menu a{
background:0 ;
color:var(--theme_accent);
padding:.5em 0;
width:100%
}
#main-nav .has-mega-column > .sub-menu a:hover{
color:#069
}
#main-nav .has-mega-column .widgettitle,
#main-nav .has-mega-column > .sub-menu > .columns-sub-item > a{
font-size:1em;
margin:0 0 10px;
font-family:Oswald, sans-serif;
color:#000
}
#main-nav .has-mega-column a:after{
display:none
}
#main-nav .has-mega-column > .sub-menu ul{
padding:0;
margin:0
}
/* touch menu */
#main-nav .has-mega-sub-menu .mega-sub-menu ul,
#main-nav li.dropdown-open > ul{
display:block
}
#main-nav .has-sub-menu > a:after,
#main-nav .has-mega-sub-menu > a:after{
display:none
}
@media (hover:none){
#main-nav .menu-item-has-children> a{
padding-right:50px
}
#main-nav li .child-arrow{
margin-left:7px;
border-radius:100%;
display:inline-block;
padding:0;
right:5px;
top:50%;
margin-top:-17px
}
#main-nav .toggle-on > a > .child-arrow{
background:rgba(214,214,214,.4)
}
#main-nav li>.sub-menu{
display:none
}
#main-nav li.toggle-on> .sub-menu{
transform:scale(1,1);
opacity:1
}
#main-nav .has-mega-sub-menu .mega-sub-menu{
display:none
}
#main-nav .has-mega-sub-menu.toggle-on .mega-sub-menu{
display:flex!important
}
}
.menu-item-has-children .child-arrow{
display:none;
cursor:pointer;
z-index:12;
width:36px;
height:36px;
border-radius:100%;
position:absolute;
right:0;
top:4px;
transition:transform .3s
}
.child-arrow:before,
.child-arrow:after{
top:50%;
left:12px;
content:'';
position:absolute;
transition:transform .3s ease-in-out;
height:1px;
width:8px;
transform:rotate(45deg);
background:currentColor;
z-index:9999;
border-radius:10px
}
.child-arrow:after{
left:17px;
transform:rotate(-45deg)
}
.toggle-on > a .child-arrow:after,
.toggle-on > a .child-arrow:before{
left:10px;
width:15px
}
.toggle-on > a .child-arrow{
transform:rotateZ(180deg)
}
/* mobile menu icon */
#menu-icon{
display:none;
z-index:12
}
#menu-icon-top .icon-list-ul,
#menu-icon .icon-list-ul{
font-style:normal;
-webkit-font-smoothing:antialiased
}
#menu-icon-top .icon-list-ul:before,
#menu-icon .icon-list-ul:before{
content:"\f0ca"; /* fa-list-bullet */
}
body.mobile-menu-visible{
position:relative;
overflow-y:hidden
}
.body-overlay{
display:none;
background-color:rgba(255,255,255,.7);
width:100%;
height:100%;
position:fixed;
right:260px;
top:0;
z-index:1000;
box-shadow:inset -1px 0 13px rgba(0,0,0,.13)
}
.body-overlay.body-overlay-on{
display:block; /* fix for Windows phone */
}
.sidemenu-left .body-overlay{
right:auto;
left:260px
}
#main-nav li ul li.themify-widget-menu{
background:0!important;
color:#000
}
#main-nav .widget{
margin-bottom:5px
}
/************************************************************************************
PAGE
*************************************************************************************/
/* page title */
.page-title{
margin:0 0 30px;
padding:0;
font-size:2em;
font-family:Oswald, sans-serif;
text-transform:uppercase;
letter-spacing:.05em;
color:#000;
line-height:110%
}
/*
AUTHOR PAGE
================================================ */
.author-bio{
margin:0 0 15px;
overflow:hidden
}
.author-bio .author-avatar{
float:left;
margin:0 15px 0 0
}
.author-bio .author-avatar img{
background-color:#fff;
padding:4px;
border-radius:100%
}
.author-bio .author-name{
margin:0 0 5px;
padding:0;
font-size:1.375em
}
.author-posts-by{
margin:0 0 20px;
padding:10px 0 0;
font-size:140%;
text-transform:uppercase;
border-top:double 4px #ccc;
border-color:rgba(118,118,118,.3)
}
/*
CATEGORY SECTIONS
================================================ */
.category-section{
clear:both;
margin-bottom:30px
}
.category-section-title{
font-size:120%;
text-transform:uppercase;
margin:0 0 20px;
padding:10px 0 0;
border-top:double 4px #ccc
}
/************************************************************************************
POST
*************************************************************************************/
.post{
margin-bottom:50px;
box-sizing:border-box
}
.loops-wrapper.list-post .post,
.loops-wrapper.list-thumb-image .post{
width:100%;
margin-left:0;
margin-bottom:1.8em
}
.single-post .post{
margin-bottom:50px
}
/* post content */
.post-content{
min-width:120px;
overflow:hidden
}
/* post title */
.post-title{
margin:0 0 .6em;
padding:0;
font-family:'Open Sans', sans-serif
}
.post-title a{
text-decoration:none;
color:#000
}
.post-title a:hover{
color:var(--theme_accent)
}
.single .post-title{
margin:10px 0 20px
}
/* post image */
.post-image,
.module-post .post-image{
margin:0 0 15px;
max-width:100%
}
.post-image.left{
float:left;
margin-right:15px
}
.post-image.right{
float:right;
margin-left:15px
}
.post-image img,
.module-post .post-image img{
max-width:100%
}
/* post meta */
.post-meta{
margin:0 0 .6em;
font-family:'Open Sans', sans-serif;
font-size:.9em;
color:#888
}
.post-meta-details{
border-bottom:1px solid #ddd;
padding-bottom:6px;
margin:10px 0 20px
}
.post-meta a{
color:#888;
text-decoration:none;
font-weight:normal
}
.post-meta a:hover{
color:var(--theme_accent)
}
.post-meta .author-name,
.post-meta .post-date,
.post-meta .post-comment,
.post-meta .post-tag{
padding:0 12px 0 0;
margin:0;
display:inline-block
}
.post-meta-details .author-name,
.post-meta-details .post-date,
.post-meta-details .post-comment,
.post-meta-details .post-tag{
border-right:1px #eee solid;
padding:0 12px;
margin:3px 0;
display:inline-block
}
.loops-wrapper.grid4 .post-meta .author-name,
.loops-wrapper.grid4 .post-meta .post-date,
.loops-wrapper.grid4 .post-meta .post-comment,
.loops-wrapper.grid4 .post-meta .post-tag,
.loops-wrapper.grid3 .post-meta .author-name,
.loops-wrapper.grid3 .post-meta .post-date,
.loops-wrapper.grid3 .post-meta .post-comment,
.loops-wrapper.grid3 .post-meta .post-tag{
border-right:none;
padding:0 3px
}
/* post category */
.post-category{
text-transform:uppercase;
letter-spacing:1px;
color:#ddd;
font-size:.9em;
display:inline-block;
line-height:1.5em
}
.post-category a{
margin:0 3px;
font-weight:bold
}
.post-category a:first-child{
margin-left:0
}
/* post meta author */
.post-meta .author-avatar img{
border-radius:100%;
vertical-align:bottom
}
/* more link */
.more-link{
text-decoration:none
}
.more-link:after{
content:"\f105"; /* fa-angle-right */
font-family:'themify_theme_icon';
margin-left:8px
}
.module .loops-wrapper.grid4 .post-title,
.loops-wrapper.grid4 .post-title{
font-size:1.1em;
margin:0 0 5px;
padding:0
}
.module .loops-wrapper.grid3 .post-title,
.loops-wrapper.grid3 .post-title{
font-size:1.15em;
margin:0 0 5px;
padding:0
}
.module .loops-wrapper.grid2 .post-title,
.loops-wrapper.grid2 .post-title,
.col4-1 .post-title,
.col4-2 .post-title,
.sidebar2 .col3-2 .post-title,
.col3-1 .post-title{
font-size:1.3em;
margin:0 0 .6em;
padding:0
}
.col3-1 .module.loops-wrapper.grid2 .post-title,
.sidebar2 .col3-1 .post-title{
font-size:1em
}
.sidebar2 .col3-1 .post-image{
margin:0 0 10px
}
.module .loops-wrapper.grid2-thumb .post-title,
.loops-wrapper.grid2-thumb .post-title{
margin:0 0 5px;
font-size:1.3em
}
.loops-wrapper.grid2-thumb .post-image{
float:left;
margin:0 20px 15px 0
}
.loops-wrapper.grid2-thumb .post-content{
overflow:hidden
}
/* list thumb post */
.loops-wrapper.list-thumb-image .post-image{
width:20%;
float:left;
margin:0 25px 15px 0!important
}
.loops-wrapper.list-thumb-image .post-content{
overflow:hidden
}
.module .loops-wrapper.list-thumb-image .post-title,
.loops-wrapper.list-thumb-image .post-title{
font-size:1.1em;
margin:0 0 .6em
}
/* list large image */
.loops-wrapper.list-large-image .post-image{
float:left;
margin:0 35px 15px 0!important
}
.module .loops-wrapper.list-large-image .post-title,
.loops-wrapper.list-large-image .post-title{
font-size:200%;
margin:0 0 5px;
padding:0
}
.loops-wrapper.list-large-image .post-content{
overflow:hidden
}
/************************************************************************************
POST VIDEO (css for fluid video)
*************************************************************************************/
.post-video,
.embed-youtube{
position:relative;
padding-bottom:56.25%;
height:0;
overflow:hidden;
margin-bottom:15px
}
.post-video iframe,
.post-video object,
.post-video embed,
.embed-youtube iframe,
.embed-youtube object,
.embed-youtube embed{
position:absolute;
top:0;
left:0;
width:100%;
height:100%
}
/************************************************************************************
SHARE BOX
*************************************************************************************/
.share{
margin-bottom:25px
}
.share > div{
display:inline-block;
vertical-align:top;
margin-right:10px
}
.share .share-facebook{
width:130px;/* required to position the FB comment box */
height:25px
}
.share .fb_iframe_widget > span{
position:absolute;
width:450px!important;
vertical-align:top!important
}
.fb_iframe_widget{
display:block!important
}
.share-pinterest > span{
display:block
}
@media(max-width:600px){ /* fix for mobile */
.share .share-facebook{
margin-top:0
}
.share .fb_iframe_widget > span{
width:320px!important
}
}
.share .share-google-plus{
position:relative;
z-index:1; /* fix FB overlapping G+ button */
}
.share-google-plus > div, .share-google-plus > div > iframe{
height:20px!important
}
/************************************************************************************
AUTHOR BOX
*************************************************************************************/
.author-box{
margin:60px 0;
overflow:hidden
}
.author-box .author-avatar{
float:left;
margin:0 25px 5px 0
}
.author-box .author-avatar img{
border-radius:100%
}
.author-box .author-name{
margin:0 0 5px
}
.author-box .author-name a{
color:#000;
text-decoration:none
}
.author-box .author-name a:hover{
color:var(--theme_accent)
}
/************************************************************************************
RELATED POSTS
*************************************************************************************/
.related-posts{
overflow:hidden
}
.related-posts .post{
margin-bottom:20px
}
.related-posts .related-title{
margin:0 0 30px;
padding:15px 0 0;
font-size:1.25em;
font-family:Oswald, sans-serif;
text-transform:uppercase;
color:#000;
letter-spacing:normal;
border-top:5px var(--theme_accent) solid
}
.related-posts .post-image{
float:left;
margin:0 20px 0 0;
min-width:0
}
.related-posts .post-meta{
line-height:1
}
.related-posts .post-content{
overflow:hidden
}
.related-posts .post-title{
font-size:1.12em;
margin:0
}
/************************************************************************************
POST WIDGET
*************************************************************************************/
.after-content-widget{
width:250px;
max-width:100%;
float:right;
margin-left:35px
}
/************************************************************************************
POST NAVIGATION (the tag)
*************************************************************************************/
.post-pagination{
text-align:right;
margin:.5em 0 2em
}
.post-pagination strong{
margin-right:3px
}
.post-pagination a{
margin-left:3px;
margin-right:3px
}
/************************************************************************************
POST NAVIGATION
*************************************************************************************/
.post-nav{
padding:40px 0 0;
clear:both
}
.post-nav .prev,
.post-nav .next{
width:47%;
position:relative
}
.post-nav a{
text-decoration:none;
display:block;
font-family:'Open Sans', sans-serif;
font-size:1.2em;
color:#000
}
.post-nav a:hover{
text-decoration:none;
color:var(--theme_accent)
}
.post-nav .prev{
float:left
}
.post-nav .next{
float:right;
text-align:right
}
/* post nav arrow */
.post-nav .arrow{
color:#ccc;
display:block;
float:left;
width:23px;
line-height:.5;
font-size:2em;
margin-bottom:50px
}
.post-nav .next .arrow{
float:right;
margin-right:0
}
.post-nav a:hover .arrow{
color:var(--theme_accent)
}
/************************************************************************************
COMMENTS
*************************************************************************************/
.commentwrap{
margin:10px 0 20px;
position:relative;
clear:both
}
/* comment title */
.comment-title, #reply-title{
margin:50px 0 30px;
padding:15px 0 0;
font-size:1.25em;
font-family:Oswald, sans-serif;
text-transform:uppercase;
color:#000;
letter-spacing:normal;
border-top:5px var(--theme_accent) solid
}
/* comment pagenav */
.commentwrap .pagenav{
margin:10px 0;
border:0;
box-shadow:none
}
.commentwrap .pagenav.top{
margin:0;
position:absolute;
top:20px;
right:0
}
/* commentlist */
.commentlist{
margin:0 0 30px;
padding:5px 0 0
}
.commentlist li{
margin:0;
padding:15px 0 0;
list-style:none;
position:relative
}
.commentlist .comment-author{
margin:2px 0 10px;
padding:0
}
.commentlist .comment-author img{
border-radius:100%
}
.commentlist .avatar{
float:left;
margin:0 25px 0 0
}
.commentlist cite{
font-style:normal;
font-family:'Open Sans', sans-serif;
font-weight:100;
font-size:1.375em
}
.commentlist cite a{
text-decoration:none
}
.commentlist cite .tf_fa{
margin-right:10px
}
.commentlist .bypostauthor > .comment-author img{
border:3px var(--theme_accent) solid
}
.commentlist .comment-time{
font-family:'Open Sans', sans-serif;
font-size:.75em;
letter-spacing:1px;
text-transform:uppercase;
color:#999
}
.commentlist .commententry{
position:relative;
min-height:40px;
overflow:hidden;
padding-bottom:5px;
overflow-wrap:break-word
}
.commentlist ul, .commentlist ol{
margin:0 0 0 7%;
padding:0
}
/* reply link */
.commentlist .reply{
position:absolute;
right:0;
top:8px
}
.commentlist .comment-reply-link{
font-size:.875em;
text-decoration:none;
color:#000;
font-family:Oswald, sans-serif;
text-transform:uppercase
}
.commentlist .comment-reply-link:hover{
color:var(--theme_accent)
}
/*
COMMENT FORM
================================================ */
#respond{
margin:0;
padding:10px 0 0;
position:relative;
clear:both
}
#respond #cancel-comment-reply-link{
position:absolute;
top:80px;
right:0;
font-size:85%;
line-height:100%;
text-decoration:none;
padding:5px 10px;
display:block;
color:#fff;
background-color:var(--theme_accent);
font-family:Oswald, sans-serif;
text-transform:uppercase
}
#respond #cancel-comment-reply-link:hover{
background-color:#069
}
#commentform{
margin:15px 0 0
}
#commentform label{
font-family:Oswald, sans-serif;
text-transform:uppercase;
color:#000
}
#commentform label small{
font-weight:normal;
font-size:.75em;
color:#ccc;
text-transform:none;
font-family:Helvetica, Arial, sans-serif
}
#commentform textarea{
height:140px;
width:100%;
box-sizing:border-box
}
#commentform .comment-form-author,
#commentform .comment-form-email{
width:50%;
float:left;
box-sizing:border-box;
clear:none
}
#commentform p.comment-form-author{
padding-right:2%
}
#commentform .comment-form-email{
padding-left:2%
}
#commentform input[type=text],
#commentform input[type=email],
#commentform input[type=url]{
width:100%;
max-width:none;
box-sizing:border-box
}
#commentform input#submit{
padding:7px 20px
}
/************************************************************************************
SIDEBAR
*************************************************************************************/
#sidebar-alt{
font-size:.875em
}
.widget{
margin:0 0 50px;
overflow-wrap:break-word
}
.widgettitle,
.module-title{
margin:0 0 20px;
padding:15px 0 0;
font-size:1.25em;
font-family:Oswald, sans-serif;
text-transform:uppercase;
color:#000;
letter-spacing:normal;
border-top:5px var(--theme_accent) solid
}
.widgettitle a{
color:#000;
text-decoration:none
}
.widget ul{
margin:0;
padding:0
}
.widget li{
margin:0;
padding:.4em 0;
list-style:none;
clear:both
}
.widget ul ul{
margin:6px 0 -6px;
padding:0;
border-top:none
}
.widget ul ul li{
margin:0;
padding-left:10px
}
.widget li a{
text-decoration:none
}
/* search widget */
.widget_search .icon-search{
display:none
}
/************************************************************************************
WIDGET STYLES
*************************************************************************************/
/* calendar widget */
.widget #wp-calendar caption{
font-weight:bold;
padding-bottom:10px
}
.widget #wp-calendar td{
width:31px;
padding:4px 2px;
text-align:center
}
/* feature posts widget */
.widget .feature-posts-list br{
display:none
}
.widget .feature-posts-list li{
margin:0 0 1.7em;
padding:0
}
.widget .feature-posts-list .post-meta{
margin-bottom:5px
}
.widget .feature-posts-list .post-img{
margin:4px 15px 10px 0;
float:left
}
.widget .feature-posts-list small{
display:block;
margin:0 0 5px;
font-family:'Open Sans', sans-serif;
color:#999
}
.widget .feature-posts-list .feature-posts-title{
font-family:'Open Sans', sans-serif;
font-size:1.2em;
color:#000;
text-decoration:none;
display:block;
line-height:1.4
}
.widget .feature-posts-list .feature-posts-title:hover{
color:var(--theme_accent)
}
.widget .feature-posts-list .post-excerpt{
display:block;
overflow:hidden
}
/* links widget */
.widget .links-list img, .widget_links img{
vertical-align:middle
}
/* recent comments widget */
.recent-comments-list .avatar{
margin-right:12px;
float:left
}
/* flickr widget */
.widget .flickr_badge_image{
margin-top:10px
}
.widget .flickr_badge_image img{
width:50px;
height:50px;
margin-right:12px;
margin-bottom:12px;
float:left
}
/* flickr shortcode */
.shortcode .flickr_badge_image{
width:23.8%;
margin:0 1.5% 1.5% 0;
float:left
}
.shortcode .flickr_badge_image:nth-of-type(4n){
margin-right:0
}
.shortcode .flickr_badge_image img{
margin:0
}
/* search widget */
#sidebar #searchform{
position:static
}
#sidebar #searchform #s{
width:93%
}
/* add white bg to facebook badge iframe */
iframe[src*="facebook"]{
background-color:#fff
}
/* reset twitter embed max-width to 100% */
.twitter-tweet-rendered{
max-width:100%!important
}
/* Text widget */
.widget .textwidget ul{
margin:0 0 1.4em 1.6em
}
.widget .textwidget li{
display:list-item
}
.widget .textwidget ul li{
list-style:disc
}
.widget .textwidget ol li{
list-style:decimal
}
/************************************************************************************
FOOTER
*************************************************************************************/
#footerwrap{
background-color:#000
}
#footer{
color:#999;
clear:both
}
#footer a{
color:#fff;
text-decoration:none
}
#footer a:hover{
color:var(--theme_accent)
}
/* back-top */
#footer .back-top{
text-align:center
}
#footer .back-top a{
display:inline-block;
background-color:var(--theme_accent_semi);
font-family:Oswald, sans-serif;
text-transform:uppercase;
letter-spacing:.1em;
color:#fff;
padding:5px 20px 15px;
text-decoration:none
}
#footer .back-top a:before{
display:block;
text-align:center;
font-size:1.2em;
content:"\f106"; /* fa-angle-up */
}
#footer .back-top a:hover{
background-color:var(--theme_accent)
}
/* footer widget */
.footer-widgets .widget{
margin:7.5% 0 10px
}
#footer .widgettitle{
color:#fff;
border-top:5px #333 solid
}
/* footer social widget */
#footer .social-widget{
text-align:center
}
#footer .social-widget a{
color:#999;
font-size:1.675em
}
#footer .social-widget a:hover{
color:var(--theme_accent)
}
/* footer nav */
#footer .footer-nav{
list-style:none;
margin:30px auto;
text-align:center;
font-family:Oswald, sans-serif;
text-transform:uppercase;
letter-spacing:.1em
}
#footer .footer-nav li{
display:inline-block
}
#footer .footer-nav li a{
text-decoration:none;
font-size:1.143em;
padding:8px
}
/* footer text */
.footer-text{
clear:left;
text-align:center;
padding-bottom:50px;
font-size:.9em
}
/************************************************************************************
WORDPRESS POST FORMATTING
*************************************************************************************/
img.alignleft, img.aligncenter, img.alignright, img.alignnone{
margin-bottom:15px
}
.alignleft{
float:left;
margin-right:30px
}
.alignright{
float:right;
margin-left:30px
}
.aligncenter{
text-align:center;
display:block;
margin-left:auto;
margin-right:auto
}
.wp-caption{
text-align:center;
margin-bottom:15px;
max-width:100%
}
.wp-caption-text{
font-size:95%;
line-height:120%;
margin:6px 0
}
/************************************************************************************
ATTACHMENT SINGLE VIEW
*************************************************************************************/
.attachment.single-attachment,
.single-attachment .attachment{
float:none;
margin:0;
text-align:left
}
/************************************************************************************
WEBFONT ICON
*************************************************************************************/
.social-widget li a:after,
.social-widget .icon-rss:before,
#menu-icon-top .icon-list-ul:before,
#menu-icon .icon-list-ul:before,
#main-nav .has-sub-menu > a:after,
#main-nav .has-mega-sub-menu > a:after,
#main-nav .mega-sub-menu li a:after,
#main-nav ul .has-sub-menu > a:after,
#main-nav .mega-sub-menu li>a:after,
.module-slider .carousel-nav-wrap .carousel-prev:before,
.module-slider .carousel-nav-wrap .carousel-next:before,
#footer .back-top a:before{
font-family:'themify_theme_icon'
}
#main-nav [class^="icon-"]:before, #main-nav [class*=" icon-"]:before{
font-family:'themify_theme_icon'
}
/************************************************************************************
BUILDER
*************************************************************************************/
/* module tab */
.module-tab{
margin-bottom:0
}
/* more link */
.button.more-button{
background-color:var(--theme_accent)!important;
background-image:none!important;
border:0!important;
color:#fff!important;
text-shadow:none!important;
box-shadow:none!important;
position:absolute;
top:20px;
right:0;
font-size:.75em!important;
text-transform:uppercase;
padding:5px 7px!important
}
.button.more-button:hover{
background-color:#069!important
}
.button.more-button:active{
position:absolute;
top:20px;
right:0
}
/* post meta */
.module-post .post-meta span{
margin:0
}
.module-slider.slider-overlay .slide-content{
padding:10px 20px;
text-align:left
}
.module-slider.slider-overlay .slide-content .slide-title{
font-family:'Open Sans', sans-serif;
font-size:1.2em
}
#slider-0-0-3 .slide-title,
#slider-0-0-4 .slide-title{
font-size:1.25em
}
.module-slider.slider-overlay .slide-content .slide-title a:hover{
color:var(--theme_accent)
}
.module.module-slider .carousel-pager a.selected{
color:var(--theme_accent)
}
.module.module-slider .carousel-pager a{
width:15px;
height:15px;
border-width:2px
}
.module.module-slider .carousel-pager a:hover{
background-color:#ddd
}
.module-slider .carousel-nav-wrap .carousel-prev:before,
.module-slider .carousel-nav-wrap .carousel-next:before{
color:#ccc
}
.module-slider .carousel-nav-wrap .carousel-prev,
.module-slider .carousel-nav-wrap .carousel-next{
color:transparent
}
/************************************************************************************
CLEAR & ALIGNMENT
*************************************************************************************/
.clear{
clear:both
}
.left{
float:left
}
.right{
float:right
}
.textleft{
text-align:left
}
.textright{
text-align:right
}
.textcenter{
text-align:center
}
/* clearfix */
.widget li:after, #body:after, #footer:after, footer:after,#main-nav:after, .menu:after,#content:after
{ visibility:hidden; display:block; font-size:0; content:" "; clear:both; height:0 }
.widget li, #body, #footer, footer,#main-nav, .menu
{ display:block }
/*BASE MEDIA QUERIES*/
@media(max-width:1260px){
.default_width #layout .row_inner{
max-width:100%
}
}