@charset "UTF-8";
/* Themify Simple 7.1.6 framework 7.3.3 */
/*/css/base.min.css*/
.tf_loader{width:1em;height:1em;overflow:hidden;display:inline-block;vertical-align:middle;position:relative}.tf_loader:before{content:'';width:100%;height:100%;position:absolute;top:0;left:0;text-indent:-9999em;border-radius:50%;box-sizing:border-box;border:.15em solid rgba(149,149,149,.2);border-left-color:rgba(149,149,149,.6);animation:tf_loader 1.1s infinite linear}@keyframes tf_loader{0{transform:rotate(0)}100%{transform:rotate(360deg)}}.tf_clear{clear:both}.tf_left{float:left}.tf_right{float:right}.tf_textl{text-align:left}.tf_textr{text-align:right}.tf_textc{text-align:center}.tf_textj{text-align:justify}.tf_text_dec{text-decoration:none}.tf_hide{display:none}.tf_hidden{visibility:hidden}.tf_block{display:block}.tf_inline_b{display:inline-block}.tf_vmiddle{vertical-align:middle}.tf_mw{max-width:100%}.tf_w{width:100%}.tf_h{height:100%}.tf_overflow{overflow:hidden}.tf_box{box-sizing:border-box}.tf_abs{position:absolute;inset:0}.tf_abs_t{position:absolute;top:0;left:0}.tf_abs_b{position:absolute;bottom:0;left:0}.tf_abs_c{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.tf_rel{position:relative}.tf_opacity{opacity:0}.tf_clearfix:after{content:"";display:table;clear:both}.loops-wrapper>.post,.woocommerce ul.loops-wrapper.products>li.product{float:left;box-sizing:border-box;margin-left:3.2%;margin-right:0;margin-bottom:3.2%;clear:none}.woocommerce .loops-wrapper.no-gutter.products>.product,body .loops-wrapper.no-gutter>.post{margin:0}.woocommerce .loops-wrapper.products.list-post>.product{margin-left:0}.tf_scrollbar{scroll-behavior:smooth;--tf_scroll_color:rgba(137,137,137,.2);--tf_scroll_color_hover:rgba(137,137,137,.4);scrollbar-color:var(--tf_scroll_color) transparent;scrollbar-width:thin}.tf_scrollbar::-webkit-scrollbar{width:var(--tf_scroll_w,10px);height:var(--tf_scroll_h,10px)}.tf_scrollbar::-webkit-scrollbar-thumb{background-color:var(--tf_scroll_color);background-clip:padding-box;border:2px solid transparent;border-radius:5px}.tf_scrollbar:hover{scrollbar-color:var(--tf_scroll_color_hover) transparent}.tf_scrollbar:hover::-webkit-scrollbar-thumb{background-color:var(--tf_scroll_color_hover)}.tf_close{position:relative;transition:transform .3s linear;cursor:pointer}.tf_close:after,.tf_close:before{content:'';height:100%;width:1px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) rotate(45deg);background-color:currentColor;transition:transform .25s}.tf_close:after{transform:translate(-50%,-50%) rotate(-45deg)}.tf_close:hover:after{transform:translate(-50%,-50%) rotate(45deg)}.tf_close:hover:before{transform:translate(-50%,-50%) rotate(135deg)}.tf_vd_lazy:fullscreen video{height:100%;object-fit:contain}
/*/css/themify.common.css*/
iframe{
border:0
}
a{
cursor:pointer
}
a:focus,input:focus,button:focus,select:focus,textarea:focus,.button:focus{
outline:1px dotted rgba(150,150,150,.2)
}
.tf_focus_heavy button:focus,
.tf_focus_heavy a:focus,
.tf_focus_heavy input:focus,
.tf_focus_heavy select:focus,
.tf_focus_heavy textarea:focus,
.tf_focus_heavy .button:focus{
outline:2px solid rgba(0,176,255,.8)
}
.tf_focus_none a,
.tf_focus_none button:focus,
.tf_focus_none a:focus,
.tf_focus_none input:focus,
.tf_focus_none select:focus,
.tf_focus_none textarea:focus,
.tf_focus_none .button:focus{
outline:none
}
.tf_large_font{
font-size:1.1em
}
.screen-reader-text{
border:0;
clip:rect(1px, 1px, 1px, 1px);
clip-path:inset(50%);
height:1px;
margin:-1px;
overflow:hidden;
padding:0;
position:absolute;
width:1px;
word-wrap:normal!important
}
.screen-reader-text:focus{
background-color:#f1f1f1;
border-radius:3px;
box-shadow:0 0 2px 2px rgba(0,0,0,.6);
clip:auto!important;
color:#21759b;
display:block;
font-size:.875rem;
font-weight:700;
height:auto;
left:5px;
line-height:normal;
padding:15px 23px 14px;
text-decoration:none;
top:5px;
width:auto;
z-index:100000
}
.skip-to-content:focus{
clip-path:none
}
.post-image .themify_lightbox{
position:relative;
display:block;
max-width:100%
}
.post-image .themify_lightbox .zoom{
width:35px;
height:35px;
background:rgba(0,0,0,.3);
position:absolute;
top:50%;
left:50%;
transform:translate(-50%,-50%);
border-radius:100%
}
.post-image .themify_lightbox .zoom .tf_fa{
vertical-align:middle;
color:#fff;
stroke-width:1px;
line-height:100%;
position:absolute;
top:50%;
left:50%;
transform:translate(-50%,-50%)
}
.post-image .themify_lightbox:hover .zoom{
background:rgba(0,0,0,.6)
}
.pswp:not(.pswp--open){display:none}
.ptb_map button,
.themify_map button{
border-radius:0
}
/*/themify-builder/css/themify-builder-style.css*/
.module_row,
.module_subrow,
.module_column,
.module_row .module{
position:relative;
box-sizing:border-box
}
/* Hover Animation */
.module-buttons:hover,
.module_row:hover,
.module_column:hover,
.module-image img:hover,
.module-accordion i,
.module{
transition:.5s ease;
transition-property:background,font-size,line-height,color,padding,margin,border,border-radius,box-shadow,text-shadow,filter,transform
}
/* fix gutenberg empty p tag bug */
.entry-content > p:first-of-type:empty,
.entry-content > p:first-of-type+p:empty{
margin:0;
padding:0
}
/*GRID*/
.module_row{/* fix Chrome bug */
display:flex;
flex-wrap:wrap;
-webkit-backface-visibility:hidden;
backface-visibility:hidden
}
.themify_builder_slider_wrap{
transition:none
}
.module_row[data-tbfullwidthvideo],.module_subrow[data-tbfullwidthvideo],.module_column[data-tbfullwidthvideo]{
background-size:cover
}
/*GRID*/
.row_inner,
.subrow_inner{
display:grid;
--gutter:3.2%;
--narrow:1.6%;
--none:0;
--align_start:flex-start;
--align_center:center;
--align_end:flex-end;
--auto_height:stretch;
--align_items:var(--auto_height);
--align_content:var(--align_start);
--colg:var(--gutter);
--c1:1fr;
--c2:1fr 1fr;
--c3:1fr 1fr 1fr;
--c4:1fr 1fr 1fr 1fr;
--c5:1fr 1fr 1fr 1fr 1fr;
--c6:1fr 1fr 1fr 1fr 1fr 1fr;
--c1_2:1fr 2.1025fr;
--c2_1:2.1025fr 1fr;
--c1_3:1fr 3.2831fr;
--c3_1:3.2831fr 1fr;
--c1_1_2:1fr 1fr 2.1415fr;
--c1_2_1:1fr 2.1415fr 1fr;
--c2_1_1:2.1415fr 1fr 1fr;
--col:repeat(auto-fit,minmax(1%,1fr));
grid:var(--row,none)/var(--col);
grid-template-areas:var(--area);
grid-auto-columns:1fr;
gap:var(--rowg,0) var(--colg);
align-content:var(--align_content);
align-items:var(--align_items);
/*css variables for responsive columns(the first letter is the cols count, next the selected grid, e.g 3_2:3 is count ,2 the grid),so users can change it by custom css*/
--area5_3:"col1 col1 col2 col2 col3 col3"
"col4 col4 col5 col5 . .";
--area5_1_2:"col1 col2 col2" "col3 col4 col5";
--area5_2_1:"col1 col1 col2" "col3 col4 col5";
--area5_1_3:"col1 col2 col2 col2"
"col3 col4 col4 col4"
"col5 col5 col5 col5";
--area5_3_1:"col1 col1 col1 col2"
"col3 col4 col4 col5";
--area5_1_1_2:"col1 col2 col3 col3"
"col4 col4 col5 col5";
--area5_1_2_1:"col1 col2 col2 col3"
"col4 col4 col5 col5";
--area5_2_1_1:"col1 col1 col2 col3"
"col4 col4 col5 col5";
/*Css Auto grid*/
--aream2_auto:"col1" "col2";
--aream3_auto:"col1" "col2" "col3";
--aream4_auto:"col1" "col2" "col3" "col4";
--aream5_auto:"col1" "col2" "col3" "col4" "col5";
--areat6_auto:"col1 col2 col3" "col4 col5 col6";/*6 cols for tablet*/
--aream6_auto:"col1 col2" "col3 col4" "col5 col6";/*6 cols for mobiile*/
--areat7_auto:"col1 col2" "col3 col4" "col5 col6" "col7 col7";
--aream7_auto:"col1" "col2" "col3" "col4" "col5" "col6" "col7";
--areat8_auto:"col1 col2" "col3 col4" "col5 col6" "col7 col7" "col8 col8";
--aream8_auto:"col1" "col2" "col3" "col4" "col5" "col6" "col7" "col8"
}
div.module_column{
width:auto;
max-width:none;
margin-left:0;
margin-right:0;
min-width:0;
float:none;
align-items:inherit;
align-content:inherit;
grid-template-columns:minmax(0,1fr);
display:grid
}
.col_align_middle,/*deperecated,backward compatibility*/
.fullheight > .tb_col_count_1{
--align_content:var(--align_center)
}
.gutter-narrow{/*deperecated,backward compatibility*/
--colg:var(--narrow)
}
.gutter-none{/*deperecated,backward compatibility*/
--colg:var(--none)
}
.module_column:nth-of-type(1){
grid-area:col1
}
.module_column:nth-of-type(2){
grid-area:col2
}
.module_column:nth-of-type(3){
grid-area:col3
}
.module_column:nth-of-type(4){
grid-area:col4
}
.module_column:nth-of-type(5){
grid-area:col5
}
.module_column:nth-of-type(6){
grid-area:col6
}
.module_column:nth-of-type(7){
grid-area:col7
}
.module_column:nth-of-type(8){
grid-area:col8
}
.module_column:nth-of-type(9){
grid-area:col9
}
.module_column:nth-of-type(10){
grid-area:col10
}
.module_column:nth-of-type(11){
grid-area:col11
}
.module_column:nth-of-type(12){
grid-area:col12
}
.module_column:nth-of-type(13){
grid-area:col13
}
.module_column:nth-of-type(14){
grid-area:col14
}
.module_column:nth-of-type(15){
grid-area:col15
}
.module_column:nth-of-type(16){
grid-area:col16
}
/*DON'T USE THE CLASS direction_rtl, will be removed in the future, need for backward compatibility*/
.direction_rtl > .module_column:nth-of-type(1){
z-index:16
}
.direction_rtl > .module_column:nth-of-type(2){
z-index:15
}
.direction_rtl > .module_column:nth-of-type(3){
z-index:14
}
.direction_rtl > .module_column:nth-of-type(4){
z-index:13
}
.direction_rtl > .module_column:nth-of-type(5){
z-index:12
}
.direction_rtl > .module_column:nth-of-type(6){
z-index:11
}
.direction_rtl > .module_column:nth-of-type(7){
z-index:10
}
.direction_rtl > .module_column:nth-of-type(8){
z-index:9
}
.direction_rtl > .module_column:nth-of-type(9){
z-index:8
}
.direction_rtl > .module_column:nth-of-type(10){
z-index:7
}
.direction_rtl > .module_column:nth-of-type(11){
z-index:6
}
.direction_rtl > .module_column:nth-of-type(12){
z-index:5
}
.direction_rtl > .module_column:nth-of-type(13){
z-index:4
}
.direction_rtl > .module_column:nth-of-type(14){
z-index:3
}
.direction_rtl > .module_column:nth-of-type(15){
z-index:2
}
.direction_rtl > .module_column:nth-of-type(16){
z-index:1
}
.tb_col_count_1>.module_column{
grid-area:auto
}
.tb_col_count_2{
--area:"col1 col2"
}
.tb_col_count_3{
--area:"col1 col2 col3"
}
.tb_col_count_4{
--area:"col1 col2 col3 col4"
}
.tb_col_count_5{
--area:"col1 col2 col3 col4 col5"
}
.tb_col_count_6{
--area:"col1 col2 col3 col4 col5 col6"
}
.tb_col_count_7{
--area:"col1 col2 col3 col4 col5 col6 col7"
}
.tb_col_count_8{
--area:"col1 col2 col3 col4 col5 col6 col7 col8"
}
/*CLEARFIX*/
.module:after{
content:"";
display:table;
clear:both
}
/*RESETS*/
.module_row ul.loops-wrapper{
margin:0;
padding:0;
list-style:none
}
.module_row .ui{
background-image:var(--tb_app_gr,none);
background-color:var(--tb_pr_bg,#F7F7F7);
box-shadow:var(--tb_app_shadow,none);
border-radius:var(--tb_app_r,0);
color:var(--tb_pr_color,#555)
}
.ui.builder_button{
text-decoration:none;
position:relative;
border:solid 1px rgba(0,0,0,.05);
display:inline-block;
line-height:130%;
transition:color .3s linear;
transition-property:color,background-color,padding,border,box-shadow;
padding:.625em 1.25em
}
.builder_button:hover{
text-decoration:none;
background-color:var(--tb_pr_hover_bg,#f1f1f1)
}
.module .ui.builder_button{
text-decoration:none
}
.ui.transparent{
--tb_pr_bg:transparent;
--tb_pr_hover_bg:transparent;
--tb_pr_color:#555;
--tb_app_r:0;
--tb_app_gr:none;
--tb_app_shadow:none;
border:0;
/* for transparent style inherit color */
color:inherit
}
.transparent.gradient{
--tb_app_gr:linear-gradient(to bottom, rgba(255,255,255,.45) 0%,rgba(255,255,255,0) 100%)
}
/*SIZES*/
.ui.large.builder_button{
font-size:120%;
padding:10px 20px
}
.ui.small.builder_button{
font-size:70%;
padding:5px 10px
}
.xlarge .ui.builder_button{
padding:.935em 1.875em
}
/*MODULE*/
.module-title{
font-size:1.2em;
margin:0 0 1.2em
}
.module img{
border:0;
vertical-align:bottom
}
.module-slider{
margin-bottom:2.5em
}
/*Widget Module*/
.module-widget .widget{
margin:0
}
.wp-caption{
max-width:100%
}
/*Map Module*/
.module-map button{
border-radius:0
}
.module-map .gm-style-mtc img{
vertical-align:baseline;
margin-right:5px
}
.row_inner{
width:1160px;
margin:0 auto
}
/* fullwidth row */
.module_row.fullheight .module_subrow,
.module_row.fullwidth > .row_inner{
max-width:100%;
width:100%
}
/* iOS doesn't support fixed attachment */
@supports(-webkit-touch-callout:none){
.module_row,.module_subrow,.module_column{background-attachment:scroll!important}
}
/*FULLHEIGHT ROW*/
.module_row.fullheight{
min-height:100vh
}
.fullheight > .row_inner > .module_column,
.fullheight > .row_inner{
min-height:inherit
}
.module-plain-text:after{
display:contents!important
}
/*MEDIA QUERIES*/
@media (max-width:1260px){
.row_inner{
max-width:94%
}
}
@media (max-width:760px){
.row_inner{
max-width:90%
}
}
.themify_builder .builder-parallax-scrolling{
transition:background-position-y 0s
}
@supports not(cursor:grab){
.builder-parallax-scrolling{
background-attachment:scroll!important
}
}
/*/themify-builder/css/modules/text.css*/
.drop-cap > :first-child:first-letter,
.tb_text_dropcap > .tb_text_wrap:first-child:first-letter,
.tb_text_dropcap > .tb_text_wrap > :first-child:first-letter{
font-size:2.85em;
float:left;
line-height:.4em;
padding:.425em .375em;
background-color:var(--theme_accent,#0f70e8);
color:#fff;
margin-right:.325em;
margin-top:.15em;
margin-bottom:.25em
}
.tb-text-more-link-indicator{
display:block;
height:3px;
margin:5px 0;
background:rgba(55,55,55,.6)
}
/*/themify-builder/css/modules/image.css*/
.module-image .image-title{
margin:0 0 .3em;
font-size:1.2em
}
.module-image .image-title a{
text-decoration:none;
color:inherit;
font-family:inherit;
text-shadow:inherit
}
/*layout*/
.module-image .image-wrap{
width:auto
}
.module-image .image-wrap img{
vertical-align:top;
display:inline-block
}
/*appearance*/
.module-image.rounded .image-wrap img{
border-radius:10px
}
.module-image.bordered .image-wrap img{
border:solid 1px rgba(0,0,0,.15);
background:#fff;
padding:3px;
box-sizing:border-box
}
.module-image.drop-shadow .image-wrap img,
.module.drop-shadow .post-image img{
box-shadow:0 1px 8px 2px rgba(0,0,0,.15)
}
.module-image.circle .image-wrap img{
border-radius:50em
}
/* auto fullwidth */
.themify_builder .auto_fullwidth .lightbox{
display:block
}
.themify_builder .auto_fullwidth .image-wrap,
.themify_builder .auto_fullwidth img{
width:100%;
display:block; /* required for FF */
}
/* lightbox */
.module-image .image-wrap .lightbox{
position:relative;
display:inline-block;
max-width:100%
}
/*/themify-builder/css/modules/image_styles/top.css*/
.module-image.image-top .image-content{
margin-top:.5em;
margin-bottom:1em
}
/*/wp-content/themes/themify-simple/style.css*/
/*!
Theme Name:Themify Simple
Theme URI:https://themify.me/themes/simple
Version:7.1.6
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) Themify.
Tags:themify, featured-images, translation-ready, custom-menu, sidebar
Text Domain:themify
---------
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).
*/
/*----------------------------------------------------------------------------------
TABLE OF CONTENT
1. Reset
2. General Styling (default font, color, lists, headings, form elements, etc.)
3. Structure (page width & layout containers)
4. Grid (column width)
5. Header (logo, tagline, social widget, search form, main menu)
6. Page (page title, author page, pagination)
7. Post (post layouts & styling, comments, post navigation)
7.1 Portfolio Post Type
7.2 Team Post Type
8. Sidebar
8.1 Widget Styles
9. Footer
10. Builder Styling
11. WordPress Formatting
12. Gallery
13. Clear & Alignment
14. Image Filter
15. WooCommerce
----*/
/************************************************************************************
1. 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 html5 elements to block */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section{
display:block
}
audio,
iframe, object, embed{
max-width:100%
}
/************************************************************************************
2. GENERAL STYLING
*************************************************************************************/
@font-face{
font-family:'themify_theme_icon';
font-display:swap;
src:url(data:application/octet-stream;base64,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) format('woff')
}
body{
font:1.05em/1.8em 'Open Sans', Arial, Helvetica, sans-serif;
overflow-wrap:break-word;
color:#656565;
-webkit-font-smoothing:antialiased;
-moz-text-size-adjust:100%;
-webkit-text-size-adjust:100%;
text-size-adjust:100%
}
a{
text-decoration:none;
outline:none;
color:#03c6ad
}
a:hover{
text-decoration:none
}
p{
padding:0;
margin:0 0 1.75em
}
small{
font-size:87%
}
blockquote{
font-size:1.2em;
line-height:1.4em;
padding:.8em 2em 1em;
margin:0 0 1.2em;
position:relative
}
blockquote:before{
content:'\201C';
font-size:3.3em;
position:absolute;
margin-left:-.5em;
margin-top:.2em
}
ins{
text-decoration:none
}
/* LIST
================================================ */
ul, ol{
margin:0 0 1.4em 1.6em;
padding:0
}
li{
margin:0 0 1em;
padding:0
}
ul ul,
ul ol,
ol ol,
ol ul{
margin-top:1em
}
/* HEADINGS
================================================ */
h1, h2, h3, h4, h5, h6{
font-family:'Poppins', sans-serif;
line-height:1.4em;
margin:0 0 .4em;
overflow-wrap:normal;
font-weight:600;
color:#000
}
h1{
font-size:2.4em;
letter-spacing:-.05em
}
h2{
font-size:2em;
letter-spacing:-.03em
}
h3{
font-size:1.8em
}
h4{
font-size:1.6em
}
h5{
font-size:1.3em
}
h6{
font-size:1.1em
}
/* FORM
================================================ */
/* form input */
input, textarea, select, input[type=search], button{
font-size:100%;
font-family:inherit;
max-width:100%
}
textarea, input[type=text], input[type=password], input[type=search], input[type=email], input[type=url], input[type=number], input[type=tel], input[type=date], input[type=datetime], input[type=datetime-local], input[type=month], input[type=time], input[type=week]{
background-color:transparent;
border:0;
border-bottom:1px solid #c8c8c8;
font-size:0.975em;
letter-spacing:0.01em;
padding:0.15em 0.1em 0.9em;
margin:.2em 0 0;
max-width:100%;
-webkit-appearance:none;
box-sizing:border-box;
transition:all 0.7s ease;
width:15em
}
input[type=number]{
width:7em
}
/* text area */
textarea{
width:100%;
min-height:8em;
border:1px solid #c8c8c8;
padding:0.6em 0.8em;
height:206px;
margin-top:0.75em
}
/* 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, input[type=number]:focus, input[type=tel]:focus, input[type=date]:focus, input[type=datetime]:focus, input[type=datetime-local]:focus, input[type=month]:focus, input[type=time]:focus, input[type=week]:focus{
outline:none
}
/* form button */
input[type=reset], input[type=submit], button{
background-color:#03c6ad;
border-radius:5em;
border:0;
color:#fff;
cursor:pointer;
font-family:'Poppins', sans-serif;
font-size:0.95em;
font-weight:600;
padding:0.95em 1.75em 0.75em 1.9em;
text-transform:uppercase;
letter-spacing:-0.01em;
margin-top:0.3em;
transition:all 0.7s ease;
-webkit-appearance:none
}
/* form input:hover */
input[type=reset]:hover, input[type=submit]:hover, button:hover{
background-color:#000;
color:#fff
}
label{
font-family:'Poppins', sans-serif;
font-size:0.95em;
font-weight:600;
text-transform:uppercase
}
label small{
font-weight:normal;
text-transform:none
}
/************************************************************************************
3. STRUCTURE
*************************************************************************************/
/* set general layout containers box-sizing */
img, textarea, input, #pagewrap, .pagewidth, #headerwrap, #header, #main-nav, #body, #layout, #content, .post, .author-box, .post-nav, #sidebar, .widget, #footerwrap, #footer, .col4-1, .col4-2, .col4-3, .col3-1, .col3-2, .col2-1{
box-sizing:border-box
}
/* main page width */
.pagewidth{
width:1160px;
max-width:100%;
margin:0 auto
}
/* body (middle container) */
#body{
max-width:100%;
clear:both
}
/* admin-bar */
.admin-bar #headerwrap,
.admin-bar #headerwrap.fixed-header{
top:32px
}
/* content */
#content{
width:68%;
float:left;
padding:5% 0
}
.sidebar-none #content{
width:100%;
float:none
}
/* sidebar */
#sidebar{
width:26.5%;
float:right;
padding:5% 0;
font-size:0.9em
}
#sidebar .secondary{
width:47%
}
/* full_width content */
.full_width #layout{
width:100%;
max-width:100%
}
.full_width #content{
padding:0;
width:auto;
max-width:100%;
float:none
}
.full_width #sidebar{
width:auto;
float:none
}
/* sidebar left */
.sidebar-left #content{
float:right
}
.sidebar-left #sidebar{
float:left
}
/************************************************************************************
4. GRID
*************************************************************************************/
.col4-1,
.col4-2,
.col4-3,
.col3-1,
.col3-2,
.col2-1
{
margin-left:3.2%;
float:left
}
.col4-1{
width:22.6%
}
.col4-2, .col2-1{
width:48.4%
}
.col4-3{
width:74.2%
}
.col3-1{
width:31.2%
}
.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
}
/************************************************************************************
5. HEADER
*************************************************************************************/
#headerwrap{
background-color:#fff;
position:absolute;
width:100%;
left:0;
top:0;
z-index:100
}
#header{
position:relative;
padding:2.25em 30px 2.04em;
width:auto
}
.social-wrap{
position:absolute;
top:50%;
right:30px;
transform:translateY(-50%)
}
#logo-wrap{
text-align:center
}
/*
SOCIAL WIDGET
================================================ */
#header .social-widget{
display:inline-block;
vertical-align:middle;
margin-right:57px;
margin-top:0
}
.social-widget a{
text-decoration:none;
padding:0 0.15em;
color:inherit
}
.social-widget a:hover{
text-decoration:none;
color:#03c6ad
}
.social-widget .widget{
display:inline-block;
vertical-align:middle;
margin:0 2px 0 0;
padding:0;
background:0;
border:0;
border-radius:0;
box-shadow:none
}
.social-widget .widget div{
display:inline
}
.social-widget .widgettitle{
width:auto;
font-weight:bold;
font-size:100%;
font-family:inherit;
text-transform:none;
letter-spacing:0;
position:static;
vertical-align:middle;
margin:0 .5em 0 0;
padding:0;
background:0;
border:0;
border-radius:0;
box-shadow:none;
display:none
}
.social-widget ul{
margin:6px 0 0!important;
padding:0;
display:inline
}
.social-widget .social-links.horizontal li{
padding:0 2px 5px 0;
margin:0;
display:inline-block;
border:0!important;
clear:none;
line-height:100%
}
.social-widget li img{
vertical-align:middle;
margin-top:-3px
}
/* rss */
.social-widget div.rss{
display:inline-block;
vertical-align:middle;
margin-left:3px
}
.social-widget div.rss a{
display:inline-block
}
.social-widget .rss a:before{
content:"\f09e";
font-family:'themify_theme_icon';
font-style:normal;
font-weight:normal;
text-decoration:inherit;
font-size:23px
}
/*
MAIN NAVIGATION
================================================ */
#main-nav{
margin:0;
float:left;
font-family:'Poppins', sans-serif;
font-weight:500;
position:absolute;
left:30px;
top:50%;
z-index:1;
width:100%;
max-width:40%;
transform:translateY(-50%);
padding: 2em 0 0;
}
#main-nav li{
margin:0 0.3em 0 0;
padding:0;
list-style:none;
position:relative;
display:inline-block
}
/* dropdown icon */
#main-nav ul .menu-item-has-children > a:after{
content:"\e649";
font-family:themify;
font-size:0.6em;
position:absolute;
right:15px;
top:1.8em
}
/* main level link */
#main-nav a{
color:inherit;
display:block;
margin:0;
text-decoration:none;
text-transform:uppercase;
padding: 0.2em 0 2.15em 0.75em;
}
#main-nav > li:first-child > a{
padding-left:0
}
/* main level link :hover & current link */
#main-nav a:hover,
#main-nav .current_page_item > a,
#main-nav .current-menu-item > a{
color:#03c6ad
}
/* sub-levels link */
#main-nav ul a{
color:#333;
border-bottom:1px solid #ddd;
display:block;
font-size:.95em;
font-weight:normal;
line-height:1.5em;
letter-spacing:.055em;
text-transform:none;
padding:1.1em 1.4em 1.2em;
margin:0;
width:230px;
box-sizing:border-box
}
/* sub-levels link :hover */
#main-nav ul a:hover{
color:#000
}
#main-nav ul a:hover,
#main-nav ul .current_page_item > a,
#main-nav ul .current-menu-item > a{
background-color:#e7f2f1;
color:#000
}
#main-nav ul li:last-child > a{
border:0
}
/* dropdown ul */
#main-nav ul{
margin:0;
padding:0;
list-style:none;
background-color:#fff;
border:1px solid #03c6ad;
position:absolute;
z-index:100;
display:none;
top:100%;
left:-20px
}
#main-nav ul li{
background:0;
padding:0;
margin:0;
float:none
}
/* sub-levels dropdown */
#main-nav ul ul{
left:100%;
top:-1px;
margin-left:0
}
/* show dropdown ul */
#main-nav li:hover > ul{
display:block
}
/* Arrow on left side for sub level menu */
#main-nav ul:after{
content:'';
border:10px solid transparent;
border-bottom-color:#03c6ad;
height:0;
width:0;
bottom:100%;
position:absolute;
pointer-events:none;
left:30px;
top:0;
margin:-20px 0 0
}
/* Arrow on left side for sub sub level menu */
#main-nav ul ul:after{
left:-20px;
top:50%;
border-right-color:#03c6ad;
border-bottom-color:transparent;
margin-top:-10px
}
/* mobile menu icon */
#menu-icon,
#menu-icon-close{
display:none
}
.menu-icon-inner{
box-sizing:border-box;
display:inline-block;
position:relative;
width:1.7em;
height:1.3em;
overflow:hidden;
vertical-align:middle
}
.menu-icon-inner:before,
.menu-icon-inner:after{
content:'';
display:block;
position:absolute;
left:0;
width:100%;
transition:all .7s ease;
transition-property:transform
}
.menu-icon-inner:before{
top:0
}
.menu-icon-inner:after{
top:50%
}
.menu-icon-inner,
.menu-icon-inner:before,
.menu-icon-inner:after{
border-bottom:5px solid
}
body.mobile-menu-visible{
position:relative;
overflow-y:hidden;
overflow-x:hidden
}
.body-overlay{
display:none;
background-color:rgba(255,255,255,.7);
width:100%;
height:100%;
position:fixed;
right:300px;
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 */
}
/* Edge Menu */
#main-nav .edge > ul{
left:auto;
right:0
}
#main-nav ul .edge > ul{
left:auto;
right:100%
}
/* Transparent Header */
.transparent-header #headerwrap{
background-color:transparent;
color:#fff
}
.transparent-header #headerwrap #searchform #s{
border-color:#fff
}
.transparent-header #headerwrap #searchform:hover .icon-search:before{
color:#000
}
.transparent-header.themify_builder_active #headerwrap{
position:static!important;
color:inherit
}
.transparent-header.themify_builder_active #headerwrap a{
color:inherit
}
.transparent-header #headerwrap > a:hover,
.transparent-header #main-nav > a:hover{
color:rgba(255,255,255,0.6)
}
.transparent-header #headerwrap #site-logo a,
.transparent-header #main-nav .current_page_item a,
.transparent-header #main-nav .current-menu-item a{
color:#fff
}
/* Transparent Header - Fixed Header */
.transparent-header #headerwrap.fixed-header{
color:#000
}
.transparent-header #headerwrap.fixed-header #searchform #s{
border-color:#000
}
.transparent-header #headerwrap.fixed-header a:hover,
.transparent-header #headerwrap.fixed-header #main-nav a:hover{
color:rgba(0,0,0,0.6)
}
.transparent-header #headerwrap.fixed-header #site-logo a,
.transparent-header #headerwrap.fixed-header #main-nav .current_page_item a,
.transparent-header #headerwrap.fixed-header #main-nav .current-menu-item a{
color:#000
}
/* Fixed Header */
#headerwrap.fixed-header{
position:fixed;
background-color:rgba(255, 255, 255, .9);
border-bottom:1px solid rgba(0,0,0,0.1);
transition:all 0.2s ease
}
.fixed-header-enabled #headerwrap{
position:-webkit-sticky; /*for safari*/
position:sticky
}
.transparent-header #headerwrap{
position:fixed
}
#headerwrap.fixed-header #header{
padding-top:1em;
padding-bottom:1em;
transition:all 0.3s ease
}
#headerwrap.fixed-header #main-nav{
padding-top:1em
}
#headerwrap.fixed-header #main-nav a{
padding-bottom:1.3em
}
/* prevent transparent header overlap builder */
.themify_builder_active.fixed-header-enabled #headerwrap{
color:inherit
}
.transparent-header.themify_builder_active #headerwrap{
position:static!important;
color:inherit
}
.transparent-header.themify_builder_active #headerwrap a{
color:inherit
}
/************************************************************************************
6. PAGE
*************************************************************************************/
/* page category wrapper */
.page-category-title-wrap{
background-color:#1cccb5;
padding:6.5% 5%;
text-align:center;
position:relative;
color:#fff
}
.page-category-title-wrap .page-title{
font-family:'Poppins', sans-serif;
font-weight:600;
font-size:4.2em;
color:#fff;
margin:0.15em 0 0.1em;
letter-spacing:-0.06em;
text-transform:uppercase;
position:relative;
z-index:3
}
.transparent-header .page-category-title-wrap{
padding-top:16%
}
.page-category-title-wrap a{
color:#fff
}
.page-category-title-wrap .category-description{
font-size:1.2em;
margin:0 0 1.35em;
letter-spacing:0.005em;
position:relative;
z-index:3
}
.category-title-overlay{
background-color:#1cccb5;
opacity:0.7;
position:absolute;
width:100%;
height:100%;
left:0;
top:0;
z-index:1
}
/* page category:author page */
.page-category-title-wrap .author-avatar{
border-radius:100%
}
/*
AUTHOR PAGE
================================================ */
.author-bio{
margin:0 0 2em
}
.author-bio .author-avatar{
float:left;
margin:0 15px 0 0
}
.author-bio .author-avatar img{
background-color:#fff;
padding:5px;
border:solid 1px #ccc
}
.author-bio .author-name{
margin:0 0 .5em;
padding:0;
font-size:1.6em
}
.author-posts-by{
margin:0 0 1.5em;
padding:1em 0 0;
font-size:1.4em;
text-transform:uppercase;
border-top:solid 4px #ccc;
border-color:rgba(118,118,118,.3)
}
/************************************************************************************
7. POST
*************************************************************************************/
.post{
margin-bottom:2.7em
}
/* post content */
.post-content{
min-width:120px
}
/* post title */
.post-title{
font:bold 2.7em/1.1em 'Poppins', sans-serif;
margin:0 0 0.7em;
padding:0
}
.post-title a{
text-decoration:none;
color:inherit
}
.post-title a:hover{
color:#03c6ad
}
/* post image */
.post-image{
margin:0 0 1.95em
}
.post-image img{
width:100%;
vertical-align:bottom
}
.post-image.left{
float:left;
margin-right:1em
}
.post-image.right{
float:right;
margin-left:1em
}
/* post meta */
.post-meta{
font-size:.8em;
font-weight:600;
line-height:1.6em;
margin:0 0 2.5em;
padding:0;
text-transform:uppercase;
border-bottom:1px solid #ddd
}
.post-meta a{
text-decoration:none
}
/* post author cattag wrapper */
.post-author-wrapper,
.post-cattag-wrapper{
display:inline-block;
vertical-align:top;
padding-left:2.25em
}
.post-author-wrapper{
border-right:1px solid #ddd;
padding-left:0;
padding-right:2.25em;
min-height:65px
}
.post-author-inner-wrapper{
display:inline-block
}
/* author avatar */
.post-meta .author-avatar img{
border-radius:100%;
margin:0 1.3em 1em 0;
display:inline-block;
vertical-align:top
}
/* post author */
.post-author{
display:inline-block;
margin:0.5em 0 0.65em;
letter-spacing:0.085em
}
/* post date */
.post-date{
display:block;
margin:0 0 1.35em;
font-family:'Poppins', sans-serif;
font-size:1.35em;
font-weight:300;
text-transform:none;
letter-spacing:0.03em
}
.post-date span{
margin-right:0
}
.post-meta .author-avatar + .post-author + .post-date{
overflow:hidden
}
/* post category */
.post-category{
display:block;
margin:0.5em 0 0.35em;
font-size:1.3em;
font-family:'Poppins', sans-serif;
letter-spacing:0.045em
}
/* post tag */
.post-tag{
font-family:'Poppins', sans-serif;
font-weight:normal;
font-size:1.1em;
text-transform:none;
letter-spacing:0.03em
}
.post-tag a{
color:inherit
}
/* post comment */
.post-meta .post-comment{
font-family:'Poppins', sans-serif;
font-size:1.55em;
float:right;
display:inline-block;
border:1px solid #ddd;
padding:0.55em 0.95em 0.3em;
position:relative;
margin: .35em 0 16px;
}
.post-meta .post-comment:before,
.post-meta .post-comment:after{
content:'';
display:block;
border:8px solid transparent;
position:absolute;
top:99%;
left:50%;
transform:translateX(-50%)
}
.post-meta .post-comment:before{
border-top-color:#ddd;
margin-top:1px
}
.post-meta .post-comment:after{
border-top-color:#fff
}
/* read more */
.more-link{
background-color:#03c6ad;
border-radius:5em;
color:#fff;
font-family:'Poppins', sans-serif;
font-size:0.75em;
font-weight:600;
padding:0.9em 1.95em 0.65em 1.9em;
text-transform:uppercase;
text-decoration:none;
letter-spacing:-0.03em;
transition:all 0.7s ease
}
.more-link:hover{
background-color:#000;
color:#fff
}
/*
COMMON GRID STYLE
================================================ */
.loops-wrapper.grid4 .post,
.loops-wrapper.grid3 .post{
font-size:0.9rem;
line-height:1.7em
}
.loops-wrapper.grid4 .post-meta,
.loops-wrapper.grid3 .post-meta,
.loops-wrapper.grid2 .post-meta,
.loops-wrapper.grid2-thumb .post-meta,
.loops-wrapper.list-thumb-image .post-meta,
.loops-wrapper.list-large-image .post-meta{
margin:0 0 1.9em;
position:relative
}
.loops-wrapper.grid4 .post-author-wrapper,
.loops-wrapper.grid4 .post-cattag-wrapper,
.loops-wrapper.grid3 .post-author-wrapper,
.loops-wrapper.grid3 .post-cattag-wrapper,
.loops-wrapper.grid2 .post-author-wrapper,
.loops-wrapper.grid2 .post-cattag-wrapper,
.loops-wrapper.grid2-thumb .post-author-wrapper,
.loops-wrapper.grid2-thumb .post-cattag-wrapper,
.loops-wrapper.list-thumb-image .post-author-wrapper,
.loops-wrapper.list-thumb-image .post-cattag-wrapper,
.loops-wrapper.list-large-image .post-author-wrapper,
.loops-wrapper.list-large-image .post-cattag-wrapper{
padding:0.5em 0 0.6em;
overflow:hidden
}
.loops-wrapper.grid4 .post-author-wrapper .post-date ,
.loops-wrapper.grid4 .post-cattag-wrapper .post-date ,
.loops-wrapper.grid3 .post-author-wrapper .post-date ,
.loops-wrapper.grid3 .post-cattag-wrapper .post-date ,
.loops-wrapper.grid2 .post-author-wrapper .post-date ,
.loops-wrapper.grid2 .post-cattag-wrapper .post-date ,
.loops-wrapper.grid2-thumb .post-author-wrapper.post-date ,
.loops-wrapper.grid2-thumb .post-cattag-wrapper.post-date ,
.loops-wrapper.list-thumb-image .post-author-wrapper.post-date ,
.loops-wrapper.list-thumb-image .post-cattag-wrapper.post-date ,
.loops-wrapper.list-large-image .post-author-wrapper.post-date ,
.loops-wrapper.list-large-image .post-cattag-wrapper .post-date{
margin:0 0 .3em;
font-size:1em
}
.loops-wrapper.grid4 .post-author-wrapper,
.loops-wrapper.grid3 .post-author-wrapper,
.loops-wrapper.grid2 .post-author-wrapper,
.loops-wrapper.grid2-thumb .post-author-wrapper,
.loops-wrapper.list-thumb-image .post-author-wrapper,
.loops-wrapper.list-large-image .post-author-wrapper{
display:block;
border-right:none
}
.loops-wrapper.grid4 .post-image,
.loops-wrapper.grid3 .post-image,
.loops-wrapper.grid2 .post-image,
.loops-wrapper.grid2-thumb .post-image,
.loops-wrapper.list-thumb-image .post-image,
.loops-wrapper.list-large-image .post-image{
margin-bottom:0.75em
}
.loops-wrapper.grid4 .post-meta .author-avatar + .post-author + .post-date,
.loops-wrapper.grid3 .post-meta .author-avatar + .post-author + .post-date,
.loops-wrapper.grid2 .post-meta .author-avatar + .post-author + .post-date,
.loops-wrapper.grid2-thumb .post-meta .author-avatar + .post-author + .post-date,
.loops-wrapper.list-thumb-image .post-meta .author-avatar + .post-author + .post-date,
.loops-wrapper.list-large-image .post-meta .author-avatar + .post-author + .post-date{
padding-left:initial;
margin-bottom:auto;
font-size:0.95em;
letter-spacing:0.04em
}
.loops-wrapper.grid4 .author-avatar img,
.loops-wrapper.grid3 .author-avatar img,
.loops-wrapper.grid2 .author-avatar img,
.loops-wrapper.grid2-thumb .author-avatar img,
.loops-wrapper.list-thumb-image .author-avatar img,
.loops-wrapper.list-large-image .author-avatar img{
width:38px;
height:38px;
margin:0 0.9em 0 0
}
.loops-wrapper.grid4 .post-author,
.loops-wrapper.grid3 .post-author,
.loops-wrapper.grid2 .post-author,
.loops-wrapper.grid2-thumb .post-author,
.loops-wrapper.list-thumb-image .post-author,
.loops-wrapper.list-large-image .post-author{
margin:0 0 0.3em
}
.loops-wrapper.grid4 .post-cattag-wrapper,
.loops-wrapper.grid3 .post-cattag-wrapper,
.loops-wrapper.grid2 .post-cattag-wrapper,
.loops-wrapper.grid2-thumb .post-cattag-wrapper,
.loops-wrapper.list-thumb-image .post-cattag-wrapper,
.loops-wrapper.list-large-image .post-cattag-wrapper{
padding-right:4.8em;
display:block
}
.loops-wrapper.grid4 .post-comment,
.loops-wrapper.grid3 .post-comment,
.loops-wrapper.grid2 .post-comment,
.loops-wrapper.grid2-thumb .post-comment,
.loops-wrapper.list-thumb-image .post-comment,
.loops-wrapper.list-large-image .post-comment{
padding:0.4em 1.2em 0.2em;
margin-top:-3.5em;
font-size:1em
}
.loops-wrapper.grid4 .post-category,
.loops-wrapper.grid3 .post-category,
.loops-wrapper.grid2 .post-category,
.loops-wrapper.grid2-thumb .post-category,
.loops-wrapper.list-thumb-image .post-category,
.loops-wrapper.list-large-image .post-category{
font-size:1em;
letter-spacing:0.07em;
margin-bottom:0.02em
}
.loops-wrapper.grid4 .post-tag,
.loops-wrapper.grid3 .post-tag,
.loops-wrapper.grid2 .post-tag,
.loops-wrapper.grid2-thumb .post-tag,
.loops-wrapper.list-thumb-image .post-tag,
.loops-wrapper.list-large-image .post-tag{
font-size:1em;
margin-bottom:0.35em;
display:block
}
/*
ADD PADDING ON SIDEBAR-NONE POST & PAGE
================================================ */
.sidebar-none .loops-wrapper.list-post .post-content,
.single-post.sidebar-none #content{
padding-left:10%;
padding-right:10%
}
.page.query-post.sidebar-none #content,
.page.sidebar-none.full_width #content{
padding-left:0;
padding-right:0
}
.single-post.sidebar-none #content{
padding-top:0
}
/*
LIST POST
================================================ */
.loops-wrapper.list-post .post-title{
margin-bottom:.8em
}
.single-post .post-cattag-wrapper,
.loops-wrapper.list-post .post-cattag-wrapper{
max-width:60%
}
/*
GRID4 POST
================================================ */
.loops-wrapper.grid4 .post-title{
font-size:1.55em;
line-height:1.2em;
letter-spacing:-0.015em;
margin:0 0 0.4em
}
/*
GRID3 POST
================================================ */
.loops-wrapper.grid3 .post-title{
font-size:1.85em
}
/*
GRID2 POST
================================================ */
.loops-wrapper.grid2 .post-title{
font-size:2.2em
}
/*
GRID2-THUMB POST
================================================ */
.loops-wrapper.grid2-thumb .post-title{
font-size:1.8em
}
.loops-wrapper.grid2-thumb .post-image{
width:20%;
float:left;
margin:0 1.6em 1.3em 0
}
.loops-wrapper.grid2-thumb .post-content{
overflow:hidden;
min-width:120px
}
/*
LIST-THUMB-IMAGE POST
================================================ */
.loops-wrapper.list-thumb-image .post-image{
width:20%;
float:left;
margin:0 1.4em 1em 0
}
.loops-wrapper.list-thumb-image .post-image img{
width:100%
}
.loops-wrapper.list-thumb-image .post-content{
overflow:hidden
}
.loops-wrapper.list-thumb-image .post-video{
width:20%;
float:left;
margin:0 1.4em 1em 0;
padding-bottom:12.25%
}
.loops-wrapper.list-thumb-image .post-video .post-video{ /* reset inner video wrapper */
width:100%;
float:none;
padding:0;
margin:0;
display:block;
position:static
}
/*
LIST-LARGE-IMAGE POST
================================================ */
.loops-wrapper.list-large-image .post-image{
max-width:70%;
float:left;
margin:0 2em 1.3em 0
}
/*
SLIDER POST
================================================ */
.loops-wrapper.slider{
position:relative;
margin:0 0 50px
}
.loops-wrapper.slider .post{
width:100%;
float:left;
text-align:left;
position:relative;
margin:0 0 15px;
min-height:40px
}
.loops-wrapper.slider .post-image{
width:auto;
float:none;
margin:0
}
.loops-wrapper.slider .post-image img{
width:100%;
vertical-align:bottom
}
.loops-wrapper.slider .post-image .themify_lightbox .zoom{
display:none
}
.loops-wrapper.slider .post-title{
font-size:1.8em;
line-height:1.2em;
margin:0 0 0.313em
}
.loops-wrapper.slider .post-date{
margin:0
}
.loops-wrapper.slider .post-content{
position:absolute;
bottom:0;
width:90%;
min-height:40px;
padding:15px 5%;
overflow:visible;
margin:0 auto;
background-color:rgba(0,0,0,.6);
font-size:.9em;
line-height:1.5em;
color:#eee
}
.loops-wrapper.slider .post-content a{
color:#fff!important
}
/* reset slider shortcode in framework css */
.shortcode.post-slider .carousel-prev,
.shortcode.slider .carousel-prev,
.shortcode.post-slider .carousel-next,
.shortcode.slider .carousel-next{
border-radius:0;
border:0;
text-shadow:none;
margin:0;
box-shadow:none;
background-image:none
}
/* slider carousel controls */
.loops-wrapper.slider .carousel-wrap{
position:relative
}
.loops-wrapper.slider .carousel-nav-wrap{
width:100%!important
}
.loops-wrapper.slider .carousel-nav-wrap .carousel-prev,
.loops-wrapper.slider .carousel-nav-wrap .carousel-next{
position:absolute;
top:30%;
display:block;
width:auto!important;
height:auto!important;
float:left;
font-size:0;
text-indent:-900em;
text-decoration:none;
color:#fff;
background-color:rgba(0,0,0,.3);
padding:5% 2.5%;
transition:all .2s ease-in-out
}
.loops-wrapper.slider .carousel-nav-wrap .carousel-prev{
border-top-right-radius:6px;
border-bottom-right-radius:6px;
left:0
}
.loops-wrapper.slider .carousel-nav-wrap .carousel-next{
border-top-left-radius:6px;
border-bottom-left-radius:6px;
right:0
}
.loops-wrapper.slider .carousel-nav-wrap .carousel-prev:hover,
.loops-wrapper.slider .carousel-nav-wrap .carousel-next:hover{
color:#fff;
background-color:rgba(0,0,0,.5)
}
.loops-wrapper.slider .carousel-nav-wrap .carousel-prev:hover{
padding-left:4%
}
.loops-wrapper.slider .carousel-nav-wrap .carousel-next:hover{
padding-right:4%
}
/* carousel prev/next arrow */
.loops-wrapper.slider .carousel-nav-wrap .carousel-next:before,
.loops-wrapper.slider .carousel-nav-wrap .carousel-prev:before{
width:100%;
text-align:center;
content:'\f054';
font-family:FontAwesome;
display:block;
font-style:normal;
font-weight:normal;
text-decoration:none;
font-size:18px;
line-height:100%;
position:absolute;
left:0;
top:45%
}
/* carousel pager */
.loops-wrapper.slider .carousel-pager{
clear:both;
text-align:center;
line-height:100%;
width:auto
}
.loops-wrapper.slider .carousel-pager a{
text-indent:-900em;
width:8px;
height:8px;
display:inline-block;
vertical-align:middle;
margin:2px 3px 0;
background-color:#ccc;
background-color:rgba(0,0,0,.2);
border:solid 2px #666;
border-radius:100%;
cursor:pointer
}
.loops-wrapper.slider .carousel-pager a.selected{
background-color:#fff;
border-color:#ccc
}
/************************************************************************************
AUTHOR BOX
*************************************************************************************/
.author-box{
margin:15px 0;
border:0
}
.author-box .author-avatar{
float:left;
margin:0 15px 5px 0
}
.author-box .author-name{
margin:0 0 5px;
font-family:'Poppins'
}
/************************************************************************************
POST PAGINATION (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{
margin:0 0 1.8em;
padding:1.5em 0 0;
clear:both;
font-family:'Poppins', sans-serif;
font-size:1.05em;
font-weight:600;
border-top:1px solid #ddd
}
.post-nav .prev,
.post-nav .next{
width:47%;
position:relative;
box-sizing:border-box
}
.post-nav .prev{
float:left;
padding-left:37px
}
.post-nav .next{
float:right;
text-align:right;
padding-right:37px
}
/* post nav link */
.post-nav a{
text-decoration:none;
display:block;
color:inherit
}
.post-nav a:hover{
text-decoration:none
}
/* post nav arrow */
.post-nav .arrow{
position:absolute;
left:0;
top:50%;
margin-top:-8px;
color:#03c6ad
}
.post-nav .next .arrow{
float:right;
left:auto;
right:0
}
.post-nav .next .arrow:before,
.post-nav .prev .arrow:before{
content:"";
display:inline-block;
width:16px;
height:16px;
position:absolute;
top:0
}
.post-nav .next .arrow:before{
border-top:2px solid;
border-right:2px solid;
transform:rotateZ(45deg);
right:0
}
.post-nav .prev .arrow:before{
border-top:2px solid;
border-left:2px solid;
transform:rotateZ(-45deg)
}
.post-nav .prev a:hover span:before{
animation:arrow-prev 1s infinite;
animation-timing-function:linear
}
.post-nav .next a:hover span:before{
animation:arrow-next 1s infinite;
animation-timing-function:linear
}
/* post nav animation */
@keyframes arrow-prev{
0%{left:0}
50%{left:-10px}
100%{left:0}
}
@keyframes arrow-next{
0%{right:0}
50%{right:-10px}
100%{right:0}
}
/************************************************************************************
COMMENTS
*************************************************************************************/
.commentwrap{
margin:6.2em 0 6.5em;
position:relative;
clear:both;
border-top:1px solid #ddd;
padding-top:1.8em
}
/* comment title */
.comment-title,
.comment-reply-title{
color:#000;
font-family:'Poppins', sans-serif;
font-size:1.4em;
font-weight:600;
margin:0 0 1.05em;
padding:0;
letter-spacing:-0.015em
}
/* comment pagenav */
.commentwrap .pagenav{
margin:10px 0;
box-shadow:none
}
.commentwrap .pagenav.top{
margin:0;
position:absolute;
top:1.5em;
right:0
}
/* commentlist */
.commentlist{
margin:0 0 30px;
padding:5px 0 0
}
.commentlist li{
margin:0;
padding:0;
list-style:none;
position:relative
}
.commentlist .comment-author{
margin:3px 0 18px;
padding:0
}
.commentlist .avatar{
float:left;
margin:0 1.3em 0 0;
width:65px;
height:65px;
border-radius:5em
}
.commentlist cite{
font-family:'Poppins', sans-serif;
font-style:normal;
font-size:1.05em;
font-weight:normal;
text-transform:uppercase;
display:block;
padding-top:0.25em;
margin-bottom:-8px
}
.commentlist cite a{
text-decoration:none
}
.commentlist cite .tf_fa{
margin-right:10px
}
.commentlist .bypostauthor > .comment-author cite:before{
content:'\f02e';
font-family:FontAwesome;
font-style:normal;
font-weight:normal;
text-decoration:none;
margin-right:12px
}
.commentlist .comment-author br{
display:none
}
.commentlist .comment-time{
font-family:'Poppins', sans-serif;
font-size:.85em;
font-style:normal
}
.commentlist .commententry{
position:relative;
min-height:40px;
overflow:hidden;
padding-bottom:0.6em;
overflow-wrap:break-word
}
.commentlist .commententry a{
color:inherit
}
.commentlist ul,
.commentlist ol{
margin:0 0 0 7%;
padding:0
}
/* reply link */
.commentlist .reply{
position:absolute;
right:12px;
top:0
}
.commentlist .comment-reply-link{
font-family:'Poppins', sans-serif;
font-weight:700;
font-size:0.9em;
letter-spacing:-0.01em;
text-transform:uppercase;
text-decoration:none
}
.commentlist .comment-reply-link:hover{
text-decoration:none
}
.commentlist .comment-reply-link:before{
content:'';
display:inline-block;
vertical-align:middle;
border-bottom:1px solid;
width:1.265em;
margin-right:0.6em
}
.commentlist .comment-reply-link:hover:before{
animation:cmt-reply 1s infinite;
animation-timing-function:linear
}
/* comment-reply animation */
@keyframes cmt-reply{
0%{transform:translateX(0px)}
50%{transform:translateX(-10px)}
100%{transform:translateX(0px)}
}
/*
COMMENT FORM
================================================ */
#respond{
margin:0;
padding:2.75em 0 0;
position:relative;
clear:both
}
#respond #cancel-comment-reply-link{
position:absolute;
top:3.5em;
right:0;
font-family:'Poppins', sans-serif;
font-size:0.8em;
font-weight:bold;
text-transform:uppercase;
letter-spacing:-0.045em;
line-height:100%;
text-decoration:none;
display:block
}
#respond #cancel-comment-reply-link:hover{
color: #f00
}
#respond #cancel-comment-reply-link:before,
#respond #cancel-comment-reply-link:after{
content:'';
display:inline-block;
border-top:1px solid;
width:1.2em;
position:absolute;
left:-25px;
top:7px;
transition:all 0.3s ease
}
#respond #cancel-comment-reply-link:before{
transform:rotate(45deg)
}
#respond #cancel-comment-reply-link:after{
transform:rotate(-45deg)
}
#respond #cancel-comment-reply-link:hover:before{
transform:rotate(135deg)
}
#respond #cancel-comment-reply-link:hover:after{
transform:rotate(45deg)
}
#commentform{
margin:0.95em 0 0;
font-size:0.9em
}
#commentform p{
margin:0 0 1.5em
}
#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
}
#commentform p.comment-notes,
#commentform p.logged-in-as,
#commentform p.logged-in-as+p{
padding:0;
float:none;
width:100%
}
/************************************************************************************
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%
}
/************************************************************************************
8. SIDEBAR
*************************************************************************************/
.widget{
margin:0 0 2.4em
}
.widgettitle{
margin:0 0 0.625em;
padding:0
}
.widget ul{
margin:0;
padding:0
}
.widget li{
margin:0;
padding:.4em 0;
list-style:none;
clear:both;
border-top:solid 1px #ddd
}
.widget ul ul{
margin:6px 0 -6px;
padding:0;
border-top:none
}
.widget ul ul li{
margin:0;
padding-left:10px
}
/************************************************************************************
8.1 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
}
/* recent post widget */
.widget_recent_entries li{
margin:0 0 1.2em
}
.widget_recent_entries a{
font-size:1.2em;
display:inline-block;
margin:0 0 .3em
}
.widget_recent_entries .post-date{
display:block;
font-size:.95em
}
/* feature posts widget */
.widget .feature-posts-list li{
padding:0;
margin:0 0 1.2em
}
.widget .feature-posts-list br{
display:none
}
.widget .feature-posts-list .post-img{
margin:0 1.2em 1em 0;
float:left
}
.widget .feature-posts-list small{
font-size:90%;
display:block;
margin:0 0 .3em
}
.widget .feature-posts-list .feature-posts-title{
margin:0 0 .2em;
display:inline-block;
font-size:1.1em
}
.widget .feature-posts-list .post-excerpt{
display:block
}
/* 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
}
/* 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
}
/************************************************************************************
9. FOOTER
*************************************************************************************/
#footerwrap{
background-color:#fff;
border-top:1px solid #e6e6e6;
clear:both;
text-align:center;
padding:1.5em 0
}
/* footer widgets */
.footer-widgets{
clear:both
}
.footer-widgets .widget{
margin-bottom:2em
}
.footer-widgets .widgettitle{
font-size:1.3em;
text-transform:uppercase;
color:#656565
}
/* back to arrow */
.back-top{
margin:1.5em auto 1.8em;
text-align:center;
width:100px
}
.back-top .arrow-up a{
display:inline-block;
position:relative;
font-size:1.75em;
bottom:0;
border:2px solid #c7c7c7;
border-radius:5em;
width:53px;
height:53px;
line-height:50px;
z-index:10;
color:#666;
text-decoration:none;
transition:all .5s ease
}
.back-top a:before{
content:"\e800";
font-family:'themify_theme_icon';
font-style:normal;
font-weight:normal;
position:absolute;
top:0;
left:50%;
transform:translateX(-50%)
}
.back-top .arrow-up:hover a:before{
animation:arrow-up 1s infinite;
animation-timing-function:linear
}
@keyframes arrow-up{
0%{ top:-10px }
50%{ top:10px }
100%{ top:-10px }
}
/* footer nav */
.footer-nav{
padding:0;
font-family:'Poppins', sans-serif;
font-weight:600;
font-size:0.9em;
margin: .5em 0 2.05em 1.25em;
}
.footer-nav li{
display:inline-block;
padding:0;
margin:0 0.5em;
list-style:none
}
.footer-nav a{
color:inherit;
text-decoration:none;
text-transform:uppercase;
transition:all .5s ease
}
.footer-nav a:hover{
opacity:0.5
}
/* footer social widget */
#footer .social-widget{
margin:0 auto 1.65em
}
/* footer text */
.footer-text{
clear:both;
font-size:0.8em;
padding:0 0 1.85em;
position:relative;
letter-spacing:0.01em
}
.footer-text a{
text-decoration:none
}
.footer-text:before{
content:'';
display:block;
width:188px;
border-top:1px solid #e7e7e7;
margin:auto;
padding-top:2.6em
}
/************************************************************************************
10. BUILDER STYLING
*************************************************************************************/
/* module title */
.themify_builder_content .module-title{
margin:1.4em 0 1.6em;
padding:1em 0 0;
font-size:1.4em;
text-transform:uppercase;
letter-spacing:1px
}
/* Disable background attachment on iOS devices */
@supports (-webkit-touch-callout:none){
#headerwrap{
background-attachment:scroll!important;
background-position:center!important
}
}
/************************************************************************************
11. WORDPRESS POST FORMATTING
*************************************************************************************/
img.alignleft, img.aligncenter, img.alignright, img.alignnone{
margin-bottom:1em
}
.alignleft{
float:left;
margin-right:2em
}
.alignright{
float:right;
margin-left:2em
}
.aligncenter{
text-align:center;
display:block;
margin-left:auto;
margin-right:auto
}
.wp-caption{
text-align:center;
margin-bottom:1em;
max-width:100%
}
.wp-caption-text{
margin:.5em 0
}
/* attachment page */
body.attachment{
width:auto;
float:none;
position:static
}
.single .attachment.post{
width:auto;
float:none
}
/************************************************************************************
13. CLEAR & ALIGNMENT
*************************************************************************************/
.clear{
clear:both
}
.left{
float:left
}
.right{
float:right
}
.textleft{
text-align:left
}
.textright{
text-align:right
}
.textcenter{
text-align:center
}
/* clearfix */
.tf_clearfix:after, .widget li:after, #body:after, #footer:after, footer:after, .pagenav:after, #main-nav:after, .menu:after, #content:after{
content:"";
display:table;
clear:both
}
/*BASE MEDIA QUERIES*/
@media(max-width:1260px){
.default_width #layout .row_inner,
body #pagewrap{
max-width:100%
}
.pagewidth{
max-width:94%
}
}
/*/wp-content/themes/themify-simple/media-queries.css*/
@media (max-width:1200px){
@media(max-width:800px){
/*
RESET PADDING ON SIDEBAR-NONE POST & PAGE
================================================ */
.page.sidebar-none:not(.has-builder) #content,
.sidebar-none .loops-wrapper.list-post .post-content,
.single-post.sidebar-none #content{
padding-left:0;
padding-right:0
}
}
@media(max-width:760px){
/************************************************************************************
STRUCTURE
*************************************************************************************/
.pagewidth{
max-width:90%
}
#pagewrap #content,
#pagewrap #sidebar{
width:100%;
max-width:100%;
float:none;
clear:both
}
/* list post */
.single-post .post-cattag-wrapper,
.loops-wrapper.list-post .post-cattag-wrapper{
padding-right:7em;
display:block;
padding-left:0;
max-width:none
}
.single-post .post-comment,
.loops-wrapper.list-post .post-comment{
margin-top:-2.5em
}
}
@media(max-width:680px){
/************************************************************************************
HEADING
*************************************************************************************/
h1{
font-size:1.8em
}
h2{
font-size:1.6em
}
h3{
font-size:1.4em
}
h4{
font-size:1.2em
}
/************************************************************************************
GRID
*************************************************************************************/
.col4-1,
.col4-2, .col2-1,
.col4-3,
.col3-1,
.col3-2 {
margin-left:0;
width:100%;
max-width:100%
}
/************************************************************************************
PAGE
*************************************************************************************/
.page-category-title-wrap .page-title,
.page-title{
font-size:2.2em
}
.page-category-title-wrap .category-description{
font-size:1.1em
}
/* page category wrapper */
.transparent-header .page-category-title-wrap{
padding-top:24%
}
/* all post title */
.post-title,
.loops-wrapper.list-post .post-title,
.loops-wrapper.grid4 .post-title,
.loops-wrapper.grid3 .post-title,
.loops-wrapper.grid2 .post-title,
.loops-wrapper.grid2-thumb .post-title,
.loops-wrapper.list-thumb-image .post-title,
.loops-wrapper.list-large-image .post-title,
.loops-wrapper.slider .post-title{
font-size:1.4em
}
/* all post image */
.loops-wrapper.list-post .post-image,
.loops-wrapper.grid4 .post-image,
.loops-wrapper.grid3 .post-image,
.loops-wrapper.grid2 .post-image,
.loops-wrapper.list-large-image .post-image{
float:none;
position:static;
width:auto;
margin:0 0 1em;
overflow:visible
}
/* all post content */
.loops-wrapper.grid2-thumb .post-content,
.loops-wrapper.list-thumb-image .post-content{
overflow:visible
}
/* slider post */
.loops-wrapper.slider .post-content{
position:static;
background-color:#000;
padding-top:10px;
padding-bottom:5px
}
.loops-wrapper.slider .post-meta{
position:static
}
/************************************************************************************
POST NAV
*************************************************************************************/
.post-nav .prev,
.post-nav .next{
display:block;
width:100%;
clear:both;
margin-bottom:10px
}
/************************************************************************************
COMMENTS
*************************************************************************************/
.commentlist{
padding-left:0
}
.commentlist .commententry{
clear:left
}
.commentlist .avatar{
float:left;
width:40px;
height:40px;
margin:0 1em 1em 0
}
#commentform p:nth-of-type(1),
#commentform p:nth-of-type(2){
width:auto;
float:none;
padding:inherit
}
.commentwrap .pagenav.top{
position:static
}
}
@media(max-width:600px){
.admin-bar #headerwrap,
.admin-bar #headerwrap.fixed-header{
top:0
}
}
}
/*/wp-content/themes/themify-simple/skins/black/style.css*/
/*
Skin Name:Black
Version:1.0
*/
a,
#main-nav a,
.social-widget a,
.post-nav .next .arrow:before,
.post-nav .prev .arrow:before{
color:#000;
}
input[type=reset], input[type=submit], button{
background-color:#000;
}
input[type=reset]:hover, input[type=submit]:hover, button:hover{
background-color:#555;
}
a:hover,
.social-widget a:hover,
.post-title a:hover{
color:#000;
}
.page-category-title-wrap,
.category-title-overlay,
.pagenav .current,
.pagenav a:hover,
.more-link{
background-color:#000;
}
.more-link:hover{
background-color:#555;
}
/************************************************************************************
HEADER
*************************************************************************************/
#headerwrap #searchform #s{
border-color:#000;
}
/************************************************************************************
MAIN NAVIGATION
*************************************************************************************/
.sidemenu{
background-color:#000;
}
#headerwrap #menu-icon{
color:#000;
}
#main-nav a:hover,
#main-nav .current_page_item > a,
#main-nav .current-menu-item > a{
color:#555;
}
/* dropdown border & arrow */
#main-nav ul{
border-color:#000;
}
#main-nav ul:after{
border-bottom-color:#000;
}
#main-nav ul ul:after{
border-right-color:#000;
}
.transparent-header .social-widget a{
color:inherit;
}
.transparent-header #main-nav > li > a,
.transparent-header #headerwrap #menu-icon{
color:#fff;
}
.transparent-header #main-nav > li:hover > a,
.transparent-header #main-nav .current_page_item > a,
.transparent-header #main-nav .current-menu-item > a{
color:#E8E8E8;
}
.transparent-header #headerwrap.fixed-header #main-nav > li > a{
color:#000;
}
/************************************************************************************
RESPONSIVE
*************************************************************************************/
@media(max-width:1200px){
#headerwrap #main-nav a,
#headerwrap #main-nav ul a,
.social-widget a,
#headerwrap #menu-icon-close{
color:#fff;
}
#headerwrap #searchform #s,
#headerwrap #searchform #s:focus,
#headerwrap #searchform #s:hover,
#headerwrap #searchform .icon-search:hover + #s{
color:#000;
}
.social-widget a:hover{
color:inherit;
}
#headerwrap .social-widget a,
#headerwrap #main-nav li:hover > a,
#headerwrap #main-nav .current_page_item > a,
#headerwrap #main-nav .current-menu-item > a,
.transparent-header #headerwrap .social-widget a,
.transparent-header #headerwrap #main-nav li:hover > a,
.transparent-header #headerwrap #main-nav .current_page_item > a,
.transparent-header #headerwrap #main-nav .current-menu-item > a{
color:#fff;
}
.transparent-header #headerwrap #menu-icon-close{
color:inherit;
}
}
/*/wp-content/themes/themify-simple-child/style.css*/
/*
Theme Name: Themify-Simple-Child
Description: child
Author: tracyb
Author URL: Write here the author's blog or website url
Template: themify-simple
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: themify-simple-child
*/
/* Write here your own personal stylesheet */
#main-nav {margin:0;padding:0;float:left;font-family:'Poppins',sans-serif;font-weight:500;position:absolute;left:30px;top:50%;z-index:1;width:100%;max-width:100%;transform:translateY(-50%);padding-top:2em}
/*/wp-content/uploads/themify-css/themify-builder-1626-generated.css*/
/* Generated from tbuilder_layout: events */
.themify_builder_content-1626 .tb_i8s4187.module-text.module h4,.themify_builder_content-1626 .tb_i8s4187.module-text.module h3,.themify_builder_content-1626 .tb_i8s4187.module-text.module h1,.themify_builder_content-1626 .tb_wj12891.module-text.module h4,.themify_builder_content-1626 .tb_wj12891.module-text.module h3,.themify_builder_content-1626 .tb_wj12891.module-text.module h1,.themify_builder_content-1626 .tb_pygx62.module-text.module h4,.themify_builder_content-1626 .tb_pygx62.module-text.module h3,.themify_builder_content-1626 .tb_pygx62.module-text.module h1{margin-top:0;margin-bottom:0}
.themify_builder_content-1626 .tb_i8s4187.module-text,.themify_builder_content-1626 .tb_wj12891.module-text,.themify_builder_content-1626 .tb_pygx62.module-text{margin-bottom:5px;margin-top:5px;background-image:none;background-color:#8cc53f}
.themify_builder_content-1626 .tb_agnh200.module_column,.themify_builder_content-1626 .tb_3wqi579.module_column,.themify_builder_content-1626 .tb_bs4a602.module_column{padding-right:0}
.themify_builder_content-1626 .tb_thqp859.module-text a,.themify_builder_content-1626 .tb_uusi580.module-text a,.themify_builder_content-1626 .tb_ddgm604.module-text a{color:#8cc53f;text-decoration:underline}
@media(max-width:1280px){
.themify_builder_content-1626 .tb_6miz198.module_subrow>.subrow_inner,.themify_builder_content-1626 .tb_snm5579.module_subrow>.subrow_inner,.themify_builder_content-1626 .tb_6j0k602.module_subrow>.subrow_inner,.themify_builder_content-1626 .tb_e6r5603.module_subrow>.subrow_inner{--col:var(--c2)}
}
@media(max-width:680px){
.themify_builder_content-1626 .tb_6miz198.module_subrow>.subrow_inner,.themify_builder_content-1626 .tb_snm5579.module_subrow>.subrow_inner,.themify_builder_content-1626 .tb_6j0k602.module_subrow>.subrow_inner,.themify_builder_content-1626 .tb_e6r5603.module_subrow>.subrow_inner{--col:none;--area:var(--aream2_auto)}
}
/*/wp-content/uploads/themify-customizer-7.3.3-7.1.6.css*/
/* Themify Customize Styling */
a { font-weight:bold;
font-weight:bold;
color: #3f3f3f;
}
a:hover {
color: #ffffff;
}
#pagewrap { background: none;
background-color: #9d9d9d;
}
#body { background: none;
background-color: #000000;
}
h1 {
font-family: "Megrim";
color: #ffffff;
}
h2 {
color: #ffffff;
}
h3 {
color: #ffffff;
}
h4 {
color: #ffffff;
}
h5 {
color: #ffffff;
}
h6 {
color: #ffffff;
}
#headerwrap { background: none;
background-color: #000000;
}
#header { background: none;
background-color: #800e0e;
font-family: "Megrim";
}
#headerwrap.fixed-header { background: none;
background-color: #0a0a0a;
}
.fixed-header #header, .fixed-header #site-description {
font-family: "Megrim";
}
body #site-logo a {
font-family: "Megrim";
color: #ffffff;display: none;
}
#main-nav { width: auto;height: auto;
background-color: transparent;
}
#main-nav a {
color: #ffffff;
}
#main-nav a:hover {
color: #ffffff;
}
.mobile_menu_active #headerwrap .sidemenu-on { background: none;
background-color: #000000;
}
.mobile_menu_active #headerwrap .sidemenu-on a, .mobile_menu_active #headerwrap .sidemenu-on #main-nav a, .mobile_menu_active #headerwrap .sidemenu-on #main-nav ul a {
color: #ffffff;
}
.mobile_menu_active #headerwrap .sidemenu-on a:hover, .mobile_menu_active #headerwrap .sidemenu-on #main-nav a:hover, .mobile_menu_active #headerwrap .sidemenu-on #main-nav ul a:hover, .mobile_menu_active #headerwrap .sidemenu-on #main-nav .current-menu-item > a {
color: #4f3f3f;
}
.post-title, .post-title a {
font-family: "Megrim";
color: #ffffff;
}
.post-title a:hover {
color: #ffffff;
}
.post-nav { background: none;
background-color: #3f3f3f;
}
.post-nav a {
color: #ffffff;
}
.page-title, .page-category-title-wrap .page-title {
font-family: "Megrim";
}
.module-title {
font-family: "Megrim";
}
#footerwrap { background: none;
background-color: #000000;background-image: none;
}
#footer { background: none;
background-color: #4d4d4d;
color: #ffffff;
}
#footer a {
color: #ffffff;
}
#footer-nav { background: none;
background-color: #4d4d4d;
}
/* Themify Custom CSS */
add_image_size( 'medium_large', '1025', '250', [ "center", "top") );
/* START MOBILE MENU CSS */
@media screen and (max-width:900px){
/*/wp-content/themes/themify-simple/mobile-menu.css*/
/************************************************************************************
MOBILE NAVIGATION
*************************************************************************************/
/* change max-width to trigger mobile menu (#headerwrap added to override Themify Customize output css) */
/************************************************************************************
HEADER
*************************************************************************************/
#headerwrap #header{
height:auto;
padding:1em 0;
}
/* reset absolute elements to static */
#headerwrap .social-wrap{
position:static;
transform:none;
}
#headerwrap #site-logo{
position:static;
float:none;
clear:both;
margin:0;
padding:0;
}
/* site logo */
#headerwrap #site-logo{
font-size:30px;
}
/* header widget */
#headerwrap .header-widget{
position:static;
float:none;
text-align:left;
clear:both;
margin:0;
}
#headerwrap .header-widget .widget{
margin:0 0 10px;
}
/* menu icon */
#headerwrap #menu-icon{
position:absolute;
display:block;
top:50%;
left:0;
text-decoration:none;
color:inherit;
transform:translateY(-50%);
}
.mobile-menu-visible #headerwrap #menu-icon{
display:none
}
/************************************************************************************
MENU PANEL
*************************************************************************************/
/* Mobile Menu Styles */
.sidemenu{
background-color:#fff;
display:none;
width:300px;
height:100%;
overflow-y:auto;
-webkit-overflow-scrolling:touch;
padding:50px 25px 20px;
position:fixed;
top:0;
z-index:111;
transition:.2s ease-in-out;
transition-property:left,right;
box-sizing:border-box;
left:-300px;
}
.sidemenu-on{
left:0;
}
.sidemenu-active{
position:relative;
}
.sidemenu-active,
.sidemenu-active #headerwrap{
left:0;
transition:all .2s ease-in-out;
}
.sidemenu-right,
.sidemenu-right #headerwrap{
left:-300px;
}
.sidemenu-left{
left:300px;
}
.sidemenu-left .body-overlay{
right:auto;
left:300px;
}
/* mobile menu panel link */
#headerwrap #mobile-menu-panel a{
color:#fff;
text-decoration:none;
}
/* slide menu close */
#headerwrap #menu-icon-close{
position:absolute;
display:block;
color:inherit;
text-decoration:none;
top:10px;
right:20px;
font-size:1.3em;
min-width:1.2em;
min-height:1.2em;
transform-origin:center;
transition:all .3s linear;
transition-property:transform;
}
#menu-icon-close:before,
#menu-icon-close:after{
content:'';
display:block;
border-top:1px solid;
position:absolute;
left:0;
top:50%;
width:100%;
}
#menu-icon-close:before{
transform:rotateZ(-45deg);
}
#menu-icon-close:after{
transform:rotateZ(45deg);
}
.mobile-menu-visible #headerwrap #menu-icon-close:hover{
transform:rotate(90deg);
color:#000;
}
/* main nav */
#headerwrap #main-nav{
position:static;
width:auto;
height:auto;
padding:0;
margin:15px 0;
background:0;
border:0;
text-align:left;
float:none;
clear:both;
max-width:none;
transform:none;
}
#headerwrap #main-nav li{
float:none;
display:block;
border:0;
background:0;
padding:0;
margin:0;
clear:both;
}
#headerwrap #main-nav li{
transition:all 400ms ease-in-out;
transform:translate(40px, 0)!important;
margin-left:0;
opacity:0;
}
.mobile-menu-visible #headerwrap #main-nav li{
opacity:1;
transform:translate(0, 0)!important;
}
.mobile-menu-visible #headerwrap #main-nav > li:nth-child(1){
transition-delay:100ms;
}
.mobile-menu-visible #headerwrap #main-nav > li:nth-child(2){
transition-delay:200ms;
}
.mobile-menu-visible #headerwrap #main-nav > li:nth-child(3){
transition-delay:300ms;
}
.mobile-menu-visible #headerwrap #main-nav > li:nth-child(4){
transition-delay:400ms;
}
.mobile-menu-visible #headerwrap #main-nav > li:nth-child(5){
transition-delay:500ms;
}
.mobile-menu-visible #headerwrap #main-nav > li:nth-child(6){
transition-delay:600ms;
}
.mobile-menu-visible #headerwrap #main-nav > li:nth-child(7){
transition-delay:700ms;
}
.mobile-menu-visible #headerwrap #main-nav > li:nth-child(8){
transition-delay:800ms;
}
.mobile-menu-visible #headerwrap #main-nav > li:nth-child(9){
transition-delay:900ms;
}
.mobile-menu-visible #headerwrap #main-nav > li:nth-child(10){
transition-delay:1000ms;
}
.mobile-menu-visible #headerwrap #main-nav > li:nth-child(11){
transition-delay:1100ms;
}
.mobile-menu-visible #headerwrap #main-nav > li:nth-child(12){
transition-delay:1200ms;
}
.mobile-menu-visible #headerwrap #main-nav > li:nth-child(13){
transition-delay:1300ms;
}
.mobile-menu-visible #headerwrap #main-nav > li:nth-child(14){
transition-delay:1400ms;
}
.mobile-menu-visible #headerwrap #main-nav > li:nth-child(15){
transition-delay:1500ms;
}
/* sub level */
#headerwrap #main-nav ul{
position:static;
width:auto;
height:auto;
display:block;
border:0;
margin:0;
padding:0 0 0 1em;
background:0;
visibility:visible;
clear:both;
}
#headerwrap #main-nav ul li{
border:0;
background:0;
padding:0;
margin:0;
}
/* menu link */
#headerwrap #main-nav a,
#headerwrap #main-nav ul a{
width:auto;
display:block;
border:0;
padding:.6em 0;
margin:0;
color:#000;
font-size:100%;
line-height:1.5em;
background:0;
text-decoration:none;
border-bottom:solid 1px rgba(255,255,255,.3);
}
#headerwrap #main-nav > li:last-child a{
border:0;
}
#headerwrap.fixed-header #main-nav a{
padding:.6em 0
}
/* sub level menu link */
#headerwrap #main-nav ul a{
font-weight:normal;
font-size:.9em;
}
/* menu hover */
#header #main-nav a:hover,
#header #main-nav ul a:hover{
color:inherit;
}
/* sub-menu icon */
#headerwrap #main-nav .menu-item-has-children > a:after,
#headerwrap #main-nav ul .menu-item-has-children > a:after{
display:none;
}
/* current link */
#headerwrap #main-nav .current_page_item > a,
#headerwrap #main-nav .current-menu-item > a{
color:#000;
}
#headerwrap #main-nav ul:after{
display:none;
}
/*
SEARCH FORM
================================================ */
#headerwrap #searchform-wrap{
float:none;
}
#headerwrap #searchform{
position:relative;
inset:auto;
float:none;
clear:both;
margin:0 0 1em;
padding:0;
width:auto;
display:block;
}
#headerwrap #searchform #s{
width:100%;
float:none;
transition:none;
position:static;
background-color:#fff;
}
#headerwrap #searchform .icon-search{
float:none;
padding:inherit;
}
#headerwrap #searchform #s:focus,
#headerwrap #searchform #s:hover,
#headerwrap #searchform .icon-search:hover + #s{
width:100%;
color:inherit;
}
#headerwrap #searchform .icon-search:before{
padding:0 4px;
}
#headerwrap #searchform-wrap,
#headerwrap .social-widget{
transition:all 400ms ease-in-out;
transform:translate(0, 40px)!important;
opacity:0;
transition-delay:100ms;
}
.mobile-menu-visible #headerwrap #searchform-wrap,
.mobile-menu-visible #headerwrap .social-widget{
opacity:1;
transform:translate(0, 0)!important;
}
#headerwrap .social-widget{
transition-delay:200ms;
}
/*
SOCIAL WIDGET
================================================ */
#headerwrap .social-widget{
margin:0 0 1em;
position:static;
float:none;
}
#headerwrap .social-widget .widgettitle{
display:none;
margin:0 0 .4em;
}
/* Transparent Header */
.transparent-header #headerwrap a,
.transparent-header #headerwrap a:hover,
.transparent-header #headerwrap #main-nav a:hover,
.transparent-header #headerwrap #main-nav .current_page_item a,
.transparent-header #headerwrap #main-nav .current-menu-item a{
color:#000;
}
.transparent-header #headerwrap.fixed-header #site-logo a,
.transparent-header #headerwrap.fixed-header #menu-icon{
color:#000;
}
.transparent-header #headerwrap #menu-icon-close{
color:#000;
}
.transparent-header #headerwrap #searchform #s{
border-color:#000;
color:#000;
}
.transparent-header #headerwrap #searchform .icon-search:before,
.transparent-header #headerwrap #searchform:hover .icon-search:before{
color:#000;
}
}
/* END MOBILE MENU CSS */