html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote,
pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s,
samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside,
canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby,
section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; }
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
table { border-collapse: collapse; border-spacing: 0; } body { background: #fff; font-size: 16px; line-height: 1.6em; color: #666; font-weight: 300; }
::selection { background: #555; color: #fff; }
::-moz-selection { background: #555; color: #fff; }
a { color:#5080a4; text-decoration: none; outline: 0; }
a:hover { color:#5080a4; }
img { max-width: 100%; height: auto; }
a,
a:before,
a:after {
-webkit-transition-property: background color; -webkit-transition-duration: 0.2s; -webkit-transition-timing-function: ease;
-moz-transition-property: background color; -moz-transition-duration: 0.2s; -moz-transition-timing-function: ease;
-o-transition-property: background color; -o-transition-duration: 0.2s; -o-transition-timing-function: ease;
transition-property: background color; transition-duration: 0.2s; transition-timing-function: ease; }
a img {
-webkit-transition: opacity 0.2s ease;
-moz-transition: opacity 0.2s ease;
-o-transition: opacity 0.2s ease;
transition: opacity 0.2s ease; }
address,cite,em { font-style: italic; }
strong { font-weight: 600; }
.left,.alignleft { float: left; }
.right,.alignright { float: right; }
.aligncenter { margin-left: auto; margin-right: auto; }
.alignleft {text-align:left;}
.alignright {text-align:right;} .clear { clear: both; display: block; overflow: hidden; visibility: hidden; width: 0; height: 0; }
.clean:before, .clean:after { content: ""; display: table; }
.clean:after { clear: both; } .fa { width: 1em; text-align: center; } body {font-family: 'Open Sans', sans-serif;}
@font-face {
font-family: 'Open Sans';
src: url(//www.tepsi.org/wp-content/themes/YellowMag/fonts/OpenSans-Light.eot?v=1.1.0);
src: url(//www.tepsi.org/wp-content/themes/YellowMag/fonts/OpenSans-Light.eot?#iefix&v=1.1.0) format("embedded-opentype"), url(//www.tepsi.org/wp-content/themes/YellowMag/fonts/OpenSans-Light.woff2?v=1.1.0) format("woff2"), url(//www.tepsi.org/wp-content/themes/YellowMag/fonts/OpenSans-Light.woff?v=1.1.0) format("woff"), url(//www.tepsi.org/wp-content/themes/YellowMag/fonts/OpenSans-Light.ttf?v=1.1.0) format("truetype"), url(//www.tepsi.org/wp-content/themes/YellowMag/fonts/OpenSans-Light.svg?v=1.1.0#Light) format("svg");
font-weight: 300;
font-style: normal; }
@font-face {
font-family: 'Open Sans';
src: url(//www.tepsi.org/wp-content/themes/YellowMag/fonts/OpenSans-LightItalic.eot?v=1.1.0);
src: url(//www.tepsi.org/wp-content/themes/YellowMag/fonts/OpenSans-LightItalic.eot?#iefix&v=1.1.0) format("embedded-opentype"), url(//www.tepsi.org/wp-content/themes/YellowMag/fonts/OpenSans-LightItalic.woff2?v=1.1.0) format("woff2"), url(//www.tepsi.org/wp-content/themes/YellowMag/fonts/OpenSans-LightItalic.woff?v=1.1.0) format("woff"), url(//www.tepsi.org/wp-content/themes/YellowMag/fonts/OpenSans-LightItalic.ttf?v=1.1.0) format("truetype"), url(//www.tepsi.org/wp-content/themes/YellowMag/fonts/OpenSans-LightItalic.svg?v=1.1.0#LightItalic) format("svg");
font-weight: 300;
font-style: italic; }
@font-face {
font-family: 'Open Sans';
src: url(//www.tepsi.org/wp-content/themes/YellowMag/fonts/OpenSans-Regular.eot?v=1.1.0);
src: url(//www.tepsi.org/wp-content/themes/YellowMag/fonts/OpenSans-Regular.eot?#iefix&v=1.1.0) format("embedded-opentype"), url(//www.tepsi.org/wp-content/themes/YellowMag/fonts/OpenSans-Regular.woff2?v=1.1.0) format("woff2"), url(//www.tepsi.org/wp-content/themes/YellowMag/fonts/OpenSans-Regular.woff?v=1.1.0) format("woff"), url(//www.tepsi.org/wp-content/themes/YellowMag/fonts/OpenSans-Regular.ttf?v=1.1.0) format("truetype"), url(//www.tepsi.org/wp-content/themes/YellowMag/fonts/OpenSans-Regular.svg?v=1.1.0#Regular) format("svg");
font-weight: normal;
font-style: normal; }
@font-face {
font-family: 'Open Sans';
src: url(//www.tepsi.org/wp-content/themes/YellowMag/fonts/OpenSans-Italic.eot?v=1.1.0);
src: url(//www.tepsi.org/wp-content/themes/YellowMag/fonts/OpenSans-Italic.eot?#iefix&v=1.1.0) format("embedded-opentype"), url(//www.tepsi.org/wp-content/themes/YellowMag/fonts/OpenSans-Italic.woff2?v=1.1.0) format("woff2"), url(//www.tepsi.org/wp-content/themes/YellowMag/fonts/OpenSans-Italic.woff?v=1.1.0) format("woff"), url(//www.tepsi.org/wp-content/themes/YellowMag/fonts/OpenSans-Italic.ttf?v=1.1.0) format("truetype"), url(//www.tepsi.org/wp-content/themes/YellowMag/fonts/OpenSans-Italic.svg?v=1.1.0#Italic) format("svg");
font-weight: normal;
font-style: italic; }
@font-face {
font-family: 'Open Sans';
src: url(//www.tepsi.org/wp-content/themes/YellowMag/fonts/OpenSans-Semibold.eot?v=1.1.0);
src: url(//www.tepsi.org/wp-content/themes/YellowMag/fonts/OpenSans-Semibold.eot?#iefix&v=1.1.0) format("embedded-opentype"), url(//www.tepsi.org/wp-content/themes/YellowMag/fonts/OpenSans-Semibold.woff2?v=1.1.0) format("woff2"), url(//www.tepsi.org/wp-content/themes/YellowMag/fonts/OpenSans-Semibold.woff?v=1.1.0) format("woff"), url(//www.tepsi.org/wp-content/themes/YellowMag/fonts/OpenSans-Semibold.ttf?v=1.1.0) format("truetype"), url(//www.tepsi.org/wp-content/themes/YellowMag/fonts/OpenSans-Semibold.svg?v=1.1.0#Semibold) format("svg");
font-weight: 600;
font-style: normal; } @font-face {
font-family: 'Open Sans';
src: url(//www.tepsi.org/wp-content/themes/YellowMag/fonts/OpenSans-SemiboldItalic.eot?v=1.1.0);
src: url(//www.tepsi.org/wp-content/themes/YellowMag/fonts/OpenSans-SemiboldItalic.eot?#iefix&v=1.1.0) format("embedded-opentype"), url(//www.tepsi.org/wp-content/themes/YellowMag/fonts/OpenSans-SemiboldItalic.woff2?v=1.1.0) format("woff2"), url(//www.tepsi.org/wp-content/themes/YellowMag/fonts/OpenSans-SemiboldItalic.woff?v=1.1.0) format("woff"), url(//www.tepsi.org/wp-content/themes/YellowMag/fonts/OpenSans-SemiboldItalic.ttf?v=1.1.0) format("truetype"), url(//www.tepsi.org/wp-content/themes/YellowMag/fonts/OpenSans-SemiboldItalic.svg?v=1.1.0#SemiboldItalic) format("svg");
font-weight: 600;
font-style: italic; } input, textarea, button, select, label { font-family: inherit; }
.themeform input,
.themeform textarea,
.themeform button,
.themeform select,
.themeform label { font-size: 14px; }
.themeform input::-moz-focus-inner,
.themeform button::-moz-focus-inner { border: 0; padding: 0; }
.themeform input[type="text"],
.themeform input[type="password"],
.themeform input[type="email"],
.themeform input[type="submit"],
.themeform button,
.themeform textarea { margin: 0; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-border-radius: 0; border-radius: 0; }
.themeform input,
.themeform textarea,
.themeform button { -moz-appearance: none; -webkit-appearance: none; -moz-transition: all .2s ease; -webkit-transition: all .2s ease; transition: all .2s ease; }
.themeform input[type="checkbox"] { -moz-appearance: checkbox; -webkit-appearance: checkbox; }
.themeform input[type="radio"] { -moz-appearance: radio; -webkit-appearance: radio; }
.themeform label { font-weight: 600; color: #444; }
.themeform input[type="text"],
.themeform input[type="password"],
.themeform input[type="email"],
.themeform textarea { background: #fff; border: 2px solid #ddd; color: #777; display: block; max-width: 100%; outline: none; padding: 7px 8px; }
.themeform input[type="text"]:focus,
.themeform input[type="password"]:focus,
.themeform input[type="email"]:focus,
.themeform textarea:focus { border-color: #555; color: #444; -webkit-box-shadow: 0 0 3px rgba(0,0,0,0.1); box-shadow: 0 0 3px rgba(0,0,0,0.1); }
.themeform label .required { color: #555; }
.themeform input[type="submit"],
.themeform button[type="submit"] { background: #555; color: #fff; padding: 8px 14px; font-weight: 600; display: inline-block; border: none; cursor: pointer; -webkit-border-radius: 3px; border-radius: 3px; }
.themeform input[type="submit"]:hover,
.themeform button[type="submit"]:hover { background: #444; }
.themeform.searchform div { position: relative; }
.themeform.searchform div input { padding-left: 26px; line-height: 20px; }
.themeform.searchform div:after { color: #ccc; line-height: 24px; font-size: 14px; content: "\f002"; position: absolute; left: 10px; top: 5px; font-family: FontAwesome; } .entry { font-size: 15px; line-height: 1.8em; background:#fff;font-weight: 400; }
.entry.pad {padding:10px;}
.entry p,
.entry dd { margin-bottom: 1em; }
.entry dt { color: #444; }
.entry ol,
.entry ul { margin: 0 0 15px 30px; }
.entry ol ol,
.entry ol ul,
.entry ul ul,
.entry ul ol { margin-bottom: 0; }
.entry li { margin: 0; }
.entry ul li,
.entry ol ul li { list-style: square; }
.entry ol li,
.entry ol ul ol li { list-style: decimal; }
.entry dt { font-weight: 600;}
.entry address { margin-bottom: 1em; }
.entry blockquote { position: relative; color: #777; font-style: italic; margin: 0 0 20px 0; padding-left: 50px; }
.entry blockquote p { margin-bottom: 0.75em; }
.entry blockquote:before { content: "\f10d"; color: #ccc; font-size: 32px; font-style: normal; font-family: FontAwesome; text-align: center; position: absolute; left: 0; top: 0; }
.entry blockquote.twitter-tweet:before { content: "\f099"; }
.entry code, .entry pre { font-family: Monaco, "Courier New", "DejaVu Sans Mono", "Bitstream Vera Sans Mono", monospace; font-size: 11px; }
.entry pre { padding: 18px 20px; margin: 30px 0; border: 1px solid #ddd; line-height: 19px; white-space: pre-wrap; word-wrap: break-word; overflow-x: auto; overflow-y: hidden; }
.entry code { background: #eee; padding: 0 3px; }
.entry ins { background: #fff486; }
.entry sub,
.entry sup { font-size: 62.5%; }
.entry sub { vertical-align: sub; }
.entry sup { vertical-align: super; } .entry img.size-auto,
.entry img.size-large,
.entry img.size-medium,
.entry attachment img { max-width: 100%; height: auto; }
.entry img.alignleft { margin: 18px 20px 18px 0; }
.entry img.alignright { margin: 18px 0 18px 20px; }
.entry img.aligncenter { margin: 18px auto; clear: both; display: block; }
.entry img .size-full { width: 100%!important; }
.entry .gallery img, .entry img.wp-smiley { margin: 0; }
.entry .wp-caption { background: #f1f1f1; max-width: 100%; margin-bottom: 14px; padding-top: 5px; text-align: center; }
.entry .wp-caption-text { font-style: italic; }
.entry .wp-caption a { border-bottom: none; }
.entry .wp-caption img { margin: 0; max-width: 100%; height: auto; }
.entry .wp-caption.alignleft { margin-right: 20px; }
.entry .wp-caption.alignright { margin-left: 20px; }
.entry .wp-caption.alignnone { width: 100%!important; overflow: hidden; }
.entry .wp-caption.alignnone img { margin: 0 auto; max-width: 100%!important; }
.entry .wp-caption-text { color: #999; font-size: 13px; padding: 0 0 8px 0; margin: 0; } .entry table { font-size: 14px; margin-bottom: 1.5em; width: 100%; text-align: center; }
.entry table tr.alt { background: #e9e9e9; }
.entry table td { border-bottom: 1px solid #e9e9e9; text-align: center; padding: 5px; vertical-align: middle; }
.entry table th { font-weight: 600; text-align: center; border-top: 1px solid #e9e9e9; border-bottom: 1px solid #e9e9e9; padding: 10px 5px; } .entry .gallery { clear: both; overflow: hidden; width: 100%; margin: 15px 0!important; }
.entry .gallery img { display: block; width: 100%; height: auto; border-width: 1px 2px!important; border-color: transparent!important; }
.entry .gallery .gallery-item { position: relative; overflow: hidden; border-color: transparent; margin-top: 0!important; }
.entry .gallery .gallery-caption { background: rgba(255,255,255,0.8); color: #333; font-size: 13px; line-height: 1.4em; font-weight: 400; padding: 10px 0; text-align: left; text-indent: 10px; font-style: normal; margin: 0; bottom: -44px; left: 2px; right: 2px; overflow: hidden; position: absolute; text-overflow: ellipsis; white-space: nowrap; width: 100%;
transition: all .2s ease;
-o-transition: all .2s ease;
-moz-transition: all .2s ease;
-webkit-transition: all .2s ease; }
.entry .gallery .gallery-item:hover .gallery-caption { bottom: 0; }
.entry .gallery-columns-5 .gallery-caption,
.entry .gallery-columns-6 .gallery-caption,
.entry .gallery-columns-7 .gallery-caption,
.entry .gallery-columns-8 .gallery-caption,
.entry .gallery-columns-9 .gallery-caption { display: none!important; } h1, h2, h3, h4, h5, h6 { color: #444; font-weight: 600; -ms-word-wrap: break-word; word-wrap: break-word; }
.entry h1 span, .entry h2 span, .entry h3 span, .entry h4 span, .entry h5 span, .entry h6 span { color: #bbb; }
.entry h1,.entry h2,.entry h3,.entry h4,.entry h5,.entry h6 { margin-bottom: 14px; font-weight: 400; line-height: 1.3em; }
.entry h1 { font-size: 38px; letter-spacing: -1px; }
.entry h2 { font-size: 34px; letter-spacing: -0.7px; }
.entry h3 { font-size: 28px; letter-spacing: -0.5px; }
.entry h4 { font-size: 24px; letter-spacing: -0.3px; }
.entry h5 { font-size: 20px; font-weight: 600; }
.entry h6 { font-size: 18px; font-weight: 600; }
.heading,
#reply-title { color:#555; font-weight: 200; font-size: 18px; text-transform: uppercase; margin-bottom: 1em; }
.heading i { font-size: 22px; margin-right: 6px; } #wrapper { min-width: 1024px; height: 100%; }
.container { max-width: 1080px; min-width: 1080px; width: 100%; margin: 0 auto; position: relative; }
.main { position: relative; min-height: 600px; }
.content { width: 100%; position: relative; }
.pad { padding: 30px 30px 20px; }
.pad.post-content { padding-left: 40px; padding-right: 40px; } .boxed #wrapper { max-width: 1380px; margin: 0 auto; }
.boxed .container { padding: 0; }
.boxed #page { background: #f2f2f2; } .col-2cl .main { background: none repeat-y right 0; padding-right: 340px; }
.col-2cl .s1 { float: right; margin-right: -340px; }
.col-2cl .content { float: left; } .col-2cr .main { background: none repeat-y left 0; padding-left: 340px; }
.col-2cr .s1 { float: left; margin-left: -340px; }
.col-2cr .content { float: right; } .grid { margin-right: 3.2%; float: left; display: inline; position: relative; }
.last { clear: right; margin-right: 0!important; }
.one-full { margin-right: 0; width: 100%; overflow: hidden; }
.one-half { width: 48.4%; }
.one-third { width: 31.2%; }
.two-third { width: 65.6%; }
.one-fourth { width: 22.6%; }
.three-fourth { width: 74.2%; }
.one-fifth { width: 17.4%; }
.two-fifth { width: 38.1%; }
.three-fifth { width: 58.7%; }
.four-fifth { width: 79.4%; } .dropcap { color: #444; display: block; float: left; font-size: 70px; line-height: 0.9em; font-weight: 600; margin: 0 10px 0 0; } .pullquote-left,
.pullquote-right { color: #444; font-weight: 600; width: 40%; }
.pullquote-left { border-left: 4px solid #e5e5e5; float: left; margin: 0.78em 1em 0.78em 0; padding: 0 0 0 20px; }
.pullquote-right { border-right: 4px solid #e5e5e5; float: right; margin: 0.78em 0 0.78em 1em; padding: 0 20px 0 0; } .highlight { color: #222; border-bottom: 1px dotted #222; } hr, .hr { border: 0; background: #e5e5e5; border-bottom: 1px solid #fbfbfb; height: 2px; margin: 30px 0; } .nav-container { font-weight: 400; z-index: 99; position: relative; }
.nav-toggle { display: none; background: #777; cursor: pointer; float: right; height: 50px; width: 60px; color: #555; text-align: center; }
.nav-toggle i { font-size: 29px; padding: 10px 0; }
.nav-text { display: none; float: right; font-size: 16px; line-height: 24px; padding: 13px 20px; }
.nav li > a:after,
.nav > li > a:after { font-family: FontAwesome; display: inline-block; }
@media only screen and (min-width: 720px) {
.nav-wrap { height: auto!important; } .nav { font-size: 0; position: relative; }
.nav li a { color: #555; display: block; line-height: 20px; } .nav li > a:after { content: "\f0da"; float: right; opacity: 0.5; }
.nav > li > a:after {content: "\f0d7"; float: none; margin-left: 6px; font-size: 14px; line-height: 1.2em; }
.nav li > a:only-child:after {content: ""; margin: 0; }
#footer .nav li > a:after { content: "\f0da"; }
#footer .nav > li > a:after { content: "\f0d8"; }
#footer .nav li > a:only-child:after { content: ""; } .nav > li { font-size: 12px; font-weight: 600; text-transform: uppercase; border-right: 1px solid #999; display: inline-block; position: relative; }
.nav > li > a { padding: 15px 14px; }
.nav > li > a:hover,
.nav > li:hover > a { background: #fff; }
.nav li > a:hover,
.nav li:hover > a,
.nav li.current_page_item > a,
.nav li.current-menu-item > a,
.nav li.current-menu-ancestor > a,
.nav li.current-post-parent > a { color: #555; } .nav li:hover > ul { display: block; }
.nav ul { display: none; background: #fff; position: absolute; left: 0; top: 50px; width: 180px; padding: 10px 0; z-index: 2; -webkit-transform: translateZ(0);
-webkit-box-shadow: 0 2px 2px rgba(0,0,0,0.15);
box-shadow: 0 2px 2px rgba(0,0,0,0.15); }
.nav ul li { font-size: 13px; position: relative; display: block; padding: 0; }
.nav ul li a { padding: 10px 20px; }
.nav ul li:last-child { border-bottom: 0!important; } .nav ul ul { position: absolute; top: -10px; left: 180px; }
}
@media only screen and (max-width: 719px) {
.nav { font-weight: 600; }
.nav-container { text-transform: none; }
.nav-toggle,
.nav-text { display: block; }
.nav-wrap { position: relative; float: left; width: 100%; height: 0; overflow: hidden; }
.nav-wrap.transition {
-webkit-transition: height 0.35s ease;
-moz-transition: height 0.35s ease;
-o-transition: height 0.35s ease;
transition: height 0.35s ease; }
.expand .nav-wrap { height: auto; } .safari .nav-wrap.transition { -webkit-transition: none; transition: none; } .nav { float: left; width: 100%; }
.nav li a { line-height: 20px; display: block; padding: 8px 20px; }
.nav li li a { padding-left: 15px; padding-right: 15px; } .nav li > a:after { content: '\f0d7'; opacity: 0.5; margin-left: 6px; }
.nav > li > a:after { content: '\f0d7'; font-size: 14px; }
.nav li > a:only-child:after { content: ''; } .nav > li { font-size: 15px; }
.nav li > a:hover,
.nav li.current_page_item > a,
.nav li.current-menu-item > a,
.nav li.current-post-parent > a { color: #fff; } .nav ul { display: block!important; margin-left: 40px; }
.nav ul li { font-size: 14px; font-weight: 300; }
.nav ul li a { padding-top: 6px; padding-bottom: 6px; }
} #header { background:#fff; position: relative;
-webkit-box-shadow: 0 1px 0 rgba(255,255,255,0.7); box-shadow: 0 1px 0 rgba(255,255,255,0.7); }
#header .pad { padding:10px 0 10px 0;min-height:60px;}
.site-title { font-size: 35px; font-weight: 500; letter-spacing: -0.5px; float: left; line-height: 30px; padding: 10px 0; }
.site-title a { display: block; color: #333; max-width: 100%; }
.site-title a img { display: block; max-width: 100%; max-height: 40px; height: auto; padding: 8px 0 0 0; margin: 0 auto; } .social-links { float: right; text-align: center; position: relative; padding-top:20px; font-weight: 400; }
.social-links li { display: inline-block; margin-left: 8px; line-height: 16px; font-size: 0; }
.social-links li a { display: block!important; position: relative; text-align: center; }
.social-links .social-tooltip { color: #222; font-size: 22px; display: inline; position: relative; z-index: 99999; }
.social-links .social-tooltip:hover { color: #444; text-decoration: none; }
.social-links .social-tooltip:hover:after { bottom: -36px; background: #fff; font-size: 14px; color: #666; content: attr(title); display: block; right: 0; padding: 5px 15px; position: absolute; white-space: nowrap;
-webkit-border-radius: 3px; border-radius: 3px;
-webkit-box-shadow: 0 0 3px rgba(0,0,0,0.1); box-shadow: 0 0 3px rgba(0,0,0,0.1); }
.social-links .social-tooltip:hover:before { bottom: -10px; right: 8px; border: solid; border-color: #fff transparent; border-width: 0 5px 5px 5px; content: ""; display: block; position: absolute; z-index: 1; } .toggle-search { background:#f7d40a; color:#eee; font-size: 18px; line-height: 24px; cursor: pointer; padding: 13px 20px; display: block; position: absolute; right: 0; top: -50px; }
.toggle-search:hover,
.toggle-search.active { background: rgba(255,255,255,0.05); }
.search-expand { display: none; background: #555; position: absolute; top: 0; right: 0; width: 340px;
-webkit-box-shadow: 0 1px 0 rgba(255,255,255,0.1);
box-shadow: 0 1px 0 rgba(255,255,255,0.1); }
.search-expand-inner { background: rgba(0,0,0,0.15); padding: 15px; }
.search-expand .themeform input { width: 100%; border: 2px solid #e2e2e2; border-radius: 0; }
.search-expand .themeform input:focus { } #nav-tags {background:#f7d40a; overflow:hidden; height:65px;}
.nav-tags-left span.text { color: #999; float: left; font-size:12px; letter-spacing: 1px; text-transform: uppercase; }
.nav-tags-left span.text i { font-size:14px;}
#header:hover span.text i {color:#dd3333}
.head-center {float:left;height:60px; width:280px; margin:0 15px 0 30px; }
.head-center-alt {height:30px;}
.head-center-alt span.head-tags {background:#f7d40a; padding:2px 7px; font-size:13px; font-weight:800; -webkit-border-radius:4px; border-radius: 4px;}
.head-center-alt span.head-tags a {color:#333;}
.head-center-alt {height:30px;}
.head-right {float:right;height:60px; width:468px;} #news-ticker { color: #333; height:10px; padding: 20px 0; margin:0 2%; float:left; position: relative; width:98%; overflow: hidden; }
#news-ticker a {color:#333;}
#news-ticker li { padding:0 10px; margin-bottom:10px;}
#news-ticker span.text { color: #333; float: left; letter-spacing: 1px; text-transform: uppercase; }
#news-ticker span.meta { color: #444; font-size:12px; margin-left:10px; }
#news-ticker span.meta a{ color: #444;}
#news-ticker .news { display: inline; float: left; padding-left: 5px; overflow: hidden; font-weight:400;}
#news-ticker .news-ticker { display: none; }
.headline-nav { position: absolute; width: 54px; top: 20px; right:25px; }
.headline-nav a,
.headline-nav a:visited { color:#fff; background: rgba(255,255,255,0.10); padding:0 5px; }
.headline-previous { float: left; }
.headline-next { float: right; } .head-center-ust .nav > li { border-right: none; margin-bottom:-3px; }
.head-center .nav li a { color: #555; display: block; height:10px; padding:5px 8px 0 0; }
#nav-topbar.nav-container { background: #444; border-top:2px solid #f7d40a; }
#nav-topbar .nav-toggle { background: transparent; color: #fff;}
#nav-topbar .nav-text { color: #333; color: rgba(255,255,255,0.7); }
@media only screen and (min-width: 1025px) { .full-width.topbar-enabled #header { }
.full-width #nav-topbar.nav-container { top: 0; left: 0; right: 0; width: 100%; z-index: 999; }
.full-width.admin-bar #nav-topbar.nav-container { }
}
@media only screen and (min-width: 720px) { #nav-topbar .nav { }
#nav-topbar .nav li a { color: #fff; } #nav-topbar .nav > li { border-right: none; }
#nav-topbar .nav > li > a:hover,
#nav-topbar .nav > li:hover > a{background: rgba(255,255,255,0.05); }
#nav-topbar .nav li > a:hover,
#nav-topbar .nav li:hover > a,
#nav-topbar .nav li.current_page_item > a,
#nav-topbar .nav li.current-menu-item > a,
#nav-topbar .nav li.current-menu-ancestor > a,
#nav-topbar .nav li.current-post-parent > a { color: #eee; background: rgba(255,255,255,0.05); } #nav-topbar .nav ul { background: #323232; }
#nav-topbar .nav ul li a { color: #eee; }
#nav-topbar .nav ul li { box-shadow: 0 1px 0 rgba(255,255,255,0.06); -webkit-box-shadow: 0 1px 0 rgba(255,255,255,0.06); }
#nav-topbar .nav ul li:last-child { box-shadow: none; -webkit-box-shadow: none; }
}
@media only screen and (max-width: 719px) { #nav-topbar .nav li a { color: #eee; border-top: 1px solid rgba(255,255,255,0.06); } #nav-topbar .nav li > a:hover { background: #444; color: #fff; }
#nav-topbar .nav li.current_page_item > a,
#nav-topbar .nav li.current-menu-item > a,
#nav-topbar .nav li.current-post-parent > a { background: #444; color: #fff; }
} .post-title { font-size: 18px; text-transform: uppercase;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
word-spacing: 0.05em;
font-weight: 400;
}
.post-title.single { font-size: 25px;line-height:30px;margin-bottom:10px;}
.post-title strong { font-weight: 900; }
.post-title a {color: #555;}
.post-title a:hover {color: #48a3ba;}
.post-meta.pad { padding:10px 20px!important; }
.post-meta{ font-size: 13px; font-weight: 400; color: #fff; }
.post-meta li.cat,.post-meta a { color: #fff; -webkit-border-radius: 4px; border-radius: 4px;
-webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -o-transition: all 0.2s ease; transition: all 0.2s ease;}
.post-meta i { margin-right: 4px; }
.post-meta li { display:inline; margin-right: 12px; }
.box-list .post-meta a {color:#fff;}
.box-meta{ font-size: 13px; font-weight: 300; text-transform: uppercase; word-spacing: 0.05em; text-overflow: ellipsis; overflow: hidden; white-space: nowrap;}
.box-meta,.box-meta a {color: #999;}
.box-meta li { display:inline; margin-right: 12px; }
.box-meta i { margin-right: 4px; }
.box-list {margin:30px 0;}
.box-list.single { height:auto; margin:20px 0; max-height:100%;} .post-tags span { font-size: 17px; color: #333; display: inline-block; }
.post-tags a { background:#eee;display: inline-block; line-height: 16px; white-space: nowrap; font-size: 15px; color:#111; padding: 10px; margin: 0 5px 2px 0;
-webkit-border-radius: 4px; border-radius: 4px; position: relative;
border: 1px solid #eee;}
.post-tags a:after, .post-tags a:before {
bottom: 100%;
left: 30%;
border: solid transparent;
content: " ";
height: 0;
width: 0;
position: absolute;
pointer-events: none;
}
.post-tags a:after {
border-color: rgba(136, 183, 213, 0);
border-bottom-color: #eee;
border-width: 10px;
margin-left: -10px;
}
.post-tags a:before {
border-color: rgba(194, 225, 245, 0);
border-bottom-color: #eee;
border-width: 11px;
margin-left: -11px;
}
.post-tags a:hover { color: #111; background:#e1e1e1; }
.post-tags a:hover:after,.post-tags a:hover:before {border-bottom-color: #e1e1e1;} .pagination .pad { padding:20px 0; margin:-15px 20px 20px 20px;}
.pagination a { font-size: 15px; font-weight: 600; background: #333; color:#fff; padding:10px; -webkit-border-radius: 4px; border-radius: 4px;
}
.pagination a:hover {background: #555;} .video-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; }
.video-container iframe, .video-container object, .video-container embed, .video-container video { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .image-container { position: relative; }
.image-container img { display: block; width: 100%; height: auto; }
.image-caption { background: rgba(0,0,0,0.7); color: #eee; font-size: 13px; line-height: 1.4em; padding: 7px 10px; position: absolute; bottom: 4px; left: 4px; margin-right: 4px;
-webkit-border-radius: 3px; border-radius: 3px;
-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.4), 0 1px 0 rgba(255,255,255,0.03);
box-shadow: inset 0 1px 1px rgba(0,0,0,0.4), 0 1px 0 rgba(255,255,255,0.03); } .page-title { font-size: 14px; margin:30px 0 0 0; background:#f8f8f8; }
.page-title.pad { padding:15px 10px;}
.page-title a,
.page-title span { color:#555;}
.page-title a:hover { color: #222; }
.page-title i { margin-right: 6px; }
.page-title h1,
.page-title h2,
.page-title h4 { text-transform: uppercase; }
.page-title .category-description { font-size: 16px; margin: 10px 0; }
.page-title .themeform { margin: 10px 0; }
.page-title .themeform input[type="text"] { width: 100%; }
.page-title-single { color:#555; font-size: 27px; font-weight: 300; letter-spacing: -0.5px; line-height: 1.4em; margin-bottom:-24px; }
.page-title-single.pad {padding:15px 20px 30px 20px;}
.page-title-single span { color: #594c2d; font-weight: 300; } .single-wrap .entry.pad {padding:10px 20px 20px 20px; } .post-sharrre { background: #fff; border-bottom:5px solid #eee;}
.sharrre { width: 25%; float: left; }
.sharrre .box { display: block; padding: 15px 20px; }
.sharrre .count { width: 50%; background: #f3f3f3; display: block; font-size: 12px; font-weight: 900; line-height: 28px; position: relative; text-align: center; border-radius: 6px; }
.sharrre .count:after { content:''; display: block; position: absolute; right: -12px; width: 0; height: 0; border: solid 6px transparent; border-left-color: #f3f3f3; bottom: 9px; }
.sharrre .share { width: 30%; margin-left: 20%; display: block; font-size: 22px; font-weight: 600; line-height: 26px; padding: 0; text-align: center; text-decoration: none; }
.sharrre .share,
.sharrre .count,
.sharrre .count:after { float: left; -webkit-transition: all .3s ease; transition: all .3s ease; }
.sharrre .box:hover .share {}
.sharrre .box:hover .count { color: #fff!important; }
.sharrre#twitter .share,
.sharrre#twitter .box .count { color: #00acee; }
.sharrre#facebook .share,
.sharrre#facebook .box .count { color: #3b5999; }
.sharrre#googleplus .share,
.sharrre#googleplus .box .count { color: #cd483c; }
.sharrre#pinterest .share,
.sharrre#pinterest .box .count { color: #ca2128; }
.sharrre#twitter .box:hover .count:after { border-left-color: #24a5db; }
.sharrre#twitter .box:hover .count { background: #24a5db; }
.sharrre#facebook .box:hover .count:after { border-left-color: #3b5998; }
.sharrre#facebook .box:hover .count { background: #3b5998; }
.sharrre#googleplus .box:hover .count:after { border-left-color: #cd483c; }
.sharrre#googleplus .box:hover .count { background: #cd483c; }
.sharrre#pinterest .box:hover .count:after { border-left-color: #dd3333; }
.sharrre#pinterest .box:hover .count { background: #dd3333; } .author-bio { background:#fff; position: relative; padding: 15px 15px 10px 115px; color: #666; border-top:1px solid #eee; }
.author-bio .bio-avatar { float: left; margin: 0 0 8px -100px; width: 80px; height: auto; position: relative; }
.author-bio .bio-avatar:after { background: #555; position: absolute; left: 0; bottom: 0; padding: 6px 6px; content: "\f040"; color: #fff; font-size: 14px; line-height: 14px; width: 14px; font-style: normal; font-family: FontAwesome; text-align: center; }
.author-bio .bio-avatar img { display: block; width: 100%; height: auto; }
.author-bio p { margin-bottom: 8px; }
.author-bio .bio-name { color: #444; font-weight: 600; margin-bottom: 4px; }
.author-bio .bio-name a { color: #333; }
.author-bio .bio-name a:hover { color: #444; }
.author-bio .bio-desc { color: #888; font-weight: 300; font-size: 16px; line-height: 1.5em; } .post-nav li { width: 100%; display: inline; float: left; text-align: center; }
.post-nav li a { position: relative; min-height: 57px; display: block; padding: 16px 46px 24px; }
.post-nav li i { color: #ccc; font-size: 18px; position: absolute; top: 50%; margin-top: -10px; }
.post-nav li a strong { display: block; font-size: 13px; color: #bbb; letter-spacing: 0.5px; font-weight: normal; text-transform: uppercase; }
.post-nav li a span { font-size: 16px; color: #444; }
.post-nav li a:hover span,
.post-nav li a:hover i { color: #48a3ba; }
.post-nav li.previous i { left: 10px; }
.post-nav li.next i { right: 10px; }
.post-nav li a span,
.post-nav li a i {
-webkit-transition-property: background color; -webkit-transition-duration: 0.2s; -webkit-transition-timing-function: ease-out;
-moz-transition-property: background color; -moz-transition-duration: 0.2s; -moz-transition-timing-function: ease-out;
-o-transition-property: background color; -o-transition-duration: 0.2s; -o-transition-timing-function: ease-out;
transition-property: background color; transition-duration: 0.2s; transition-timing-function: ease-out; }
.content .post-nav { border-bottom: 5px solid #f3f3f3; }
.content .post-nav li { width: 50%; }
.content .post-nav li.next { float: right; }
.content .post-nav li.next a { padding-left: 24px; }
.content .post-nav li.previous { float: left; }
.content .post-nav li.previous a { padding-right: 24px; } .sidebar { padding-bottom: 20px; position: relative; z-index: 2; }
.sidebar .pad { padding-left: 20px; padding-right: 20px; }
.sidebar-toggle { display: none; text-align: center; cursor: pointer; width: 100%; height: 50px; margin-top:20px;}
.sidebar-toggle i { font-size: 38px; color: #fff; padding: 5px 0; }
.s1-expand .s1 {-moz-transition: width .2s ease; -webkit-transition: width .2s ease; transition: width .2s ease; } .icon-sidebar-toggle:before { font-family: FontAwesome; }
.col-2cl .s1 .icon-sidebar-toggle:before { content: "\f100"; }
.col-2cr .s1 .icon-sidebar-toggle:before { content: "\f101"; } .s1 { width: 340px; z-index: 2; }
.s1:hover { z-index: 98; }
.s1 .sidebar-toggle { background: #555; } .sidebar .widget { background:#f8f8f8;}
.widget { color: #666; font-size: 13px; font-weight: 800; overflow: hidden; margin:30px 0 40px 0; }
.widget ul {padding: 15px 30px 15px 20px;}
.widget a { color: #666; }
.widget a:hover { color: #48a3ba; }
.widget > h3 {
font-size:17px;
padding:5px 10px;
position: relative;
background: #616162;
border: 5px solid #616162;
border-top-right-radius: 4px;
border-top-left-radius: 4px;
text-transform: uppercase;
}
.widget > h3:after, .widget > h3:before {
top: 100%;
left: 10%;
border: solid transparent;
content: " ";
height: 0;
width: 0;
position: absolute;
pointer-events: none;
}
.widget > h3:after {
border-color: rgba(136, 183, 213, 0);
border-top-color: #616162;
border-width: 10px;
margin-left: -10px;
}
.widget > h3:before {
border-color: rgba(194, 225, 245, 0);
border-top-color: #616162;
border-width: 17px;
margin-left: -17px;
}
.widget > h3,
.widget > h3 a,
.widget > h3 a:hover { color: #fff; }
.widget > h3 a img { display: none; float: left; margin: 3px 7px 0 0; }
.widget select { border: 1px solid #ddd; color: #777; font-size: 15px; padding: 7px; width: 100%; max-width: 100%; } .widget > ul li:before,
.widget > ul li a:before,
.widget > div > ul li a:before,
.widget_calendar caption:before { font-family: FontAwesome; font-size: 12px; margin-right: 6px; color: #ccc; display: inline-block!important; width: 1em; text-align: center; }
.widget > ul li a:hover:before { color: #999; }
.widget_archive > ul > li a:before { content: "\f073"; }
.widget_categories > ul > li a:before { content: "\f07c"; }
.widget_links > ul > li a:before { content: "\f08e"; }
.widget_meta > ul > li a:before { content: "\f0da"; }
.widget_recent_comments > ul > li:before { content: "\f075"; }
.widget_recent_entries > ul > li a:before { content: "\f017"; }
.widget_calendar caption:before { content: "\f073"; }
.widget_pages ul li a:before,
.widget_nav_menu ul li a:before { content: "\f068"; } .widget_search > h3,
.widget_text > h3,
.widget_tag_cloud > h3,
.widget_calendar > h3 { margin-bottom: 1em; }
.widget_archive ul li,
.widget_categories ul li,
.widget_links ul li,
.widget_meta ul li,
.widget_recent_comments ul li,
.widget_recent_entries ul li,
.widget_rss ul li,
.widget_pages ul li a,
.widget_nav_menu ul li a,
.widget_archive ul li,
.widget_categories ul li,
.widget_links ul li { color: #bbb; padding:5px;border-bottom: 1px solid #e1e8ed; }
.widget_archive ul li:hover,
.widget_categories ul li:hover,
.widget_links ul li:hover,
.widget_meta ul li:hover,
.widget_recent_comments ul li:hover,
.widget_recent_entries ul li:hover,
.widget_rss ul li:hover,
.widget_pages ul li a:hover,
.widget_nav_menu ul li a:hover,
.widget_archive ul li:hover,
.widget_categories ul li:hover,
.widget_links ul li:hover { background: none }
.widget_recent_comments ul li,
.widget_recent_entries ul li { color: #999; }
.widget_recent_entries .post-date { display: block; } .widget_pages ul li a,
.widget_nav_menu ul li a { display: block; }
.widget_pages li li a,
.widget_nav_menu li li a { padding-left: 15px; }
.widget_pages li li li a,
.widget_nav_menu li li li a { padding-left: 30px; }
.widget_pages ul ul,
.widget_pages ul ul ul,
.widget_nav_menu ul ul,
.widget_nav_menu ul ul ul { border: 0; } .widget_rss ul li a { display: block; color: #555; }
.widget_rss ul li span.rss-date { color: #444; font-weight: 600; display: block; text-transform: uppercase; font-size: 12px; }
.widget_rss ul li cite { color: #999; } .widget_search input.search { color: #999; padding-left: 26px; width: 100%; }
.widget_search .screen-reader-text,
.widget_search #searchsubmit { display: none; } .widget_text .textwidget p { margin-bottom: 1em; } .widget_calendar a { font-weight: 600; color: #555; }
.widget_calendar a:hover { color: #444!important; }
.widget_calendar #wp-calendar { width: 100%; }
.widget_calendar caption { background: #555; color: #fff; padding: 5px 10px; }
.widget_calendar caption:before { color: #fff; color: rgba(255,255,255,0.7); font-size: 15px; }
.widget_calendar thead { background: #e2e2e2; -webkit-box-shadow: 0 1px 0 #ddd; box-shadow: inset 0 -1px 0 #ddd; }
.widget_calendar th { font-weight: 600; }
.widget_calendar th,
.widget_calendar td { padding: 3px 0; text-align: center; border: 1px solid #e2e2e2; }
.widget_calendar .pad { padding: 0!important; } #footer { background: #333; width: 100%; color:#777; font-weight: 400; border-top:3px solid #f7d40a;}
#footer a { color: #555; }
#footer a:hover { color: #555; }
#footer-widgets .pad { padding: 10px 0; }
#footer-bottom { background: #333; border-top: 2px solid #555; height:auto;}
#footer-bottom .pad { padding-top: 40px; padding-bottom: 40px; }
#footer-bottom a { color: #f7d40a; }
#footer-bottom a:hover { color: #f7d40a; }
#footer-bottom #footer-logo { display: block; margin-bottom: 20px; max-height: 50px; -webkit-border-radius: 0; border-radius: 0; }
#footer-bottom .social-links { padding-top: 10px; margin:0 auto; width:100%;}
#footer-bottom .social-links a { color: rgba(255,255,255,0.6); }
#footer-bottom .social-links a:hover { color: #f7d40a; }
#footer-bottom .social-links .social-tooltip { font-size: 28px; }
#footer-end { background: #222; color: #f8f8f8; overflow:hidden; height:auto;}
#footer-end a{color:#fff;}
#footer-end #copyright,
#footer-end #credit { color: #f8f8f8; width:40%;font-size: 15px; line-height: 1.5em;text-align: center; }
#footer-end #back-to-top { color: #f7d40a; position: relative; text-align: center; width: 60px; height: 30px; display: block; margin: 0 auto; margin: 0 auto -30px; }
#footer-end #back-to-top i { font-size: 38px; position: relative; top: -10px; }
#footer-end #back-to-top:hover { color: #f8f8f8; } #nav-footer.nav-container { background: #f7d40a; border-bottom: 1px solid #595959; }
#nav-footer .nav-toggle { background: transparent; color: #333; }
@media only screen and (min-width: 720px) { #nav-footer .nav { text-align: center; }
#nav-footer .nav li a { color: #333; } #nav-footer .nav > li > a { padding: 12px 18px; color: #333;}
#nav-footer .nav > li { border-right: 0; }
#nav-footer .nav > li:first-child { border-left: 0; }
#nav-footer .nav > li > a:hover,
#nav-footer .nav > li:hover > a { background: rgba(0,0,0,0.10); }
#nav-footer .nav li > a:hover,
#nav-footer .nav li:hover > a,
#nav-footer .nav li.current_page_item > a,
#nav-footer .nav li.current-menu-item > a,
#nav-footer .nav li.current-menu-ancestor > a,
#nav-footer .nav li.current-post-parent > a { color: #333; } #nav-footer .nav ul { background: #f7d40a; bottom: 44px; top: auto; text-align: left;}
#nav-footer .nav ul li { border-bottom: 1px solid #595959; }
#nav-footer .nav ul ul { top: -10px; } #nav-footer .nav ul ul { position: absolute; top: auto; bottom: -10px; }
}
@media only screen and (max-width: 719px) { #nav-footer .nav li a { color: #999; border-top: 1px solid #222; } #nav-footer .nav li > a:hover { background: #2d2d2d; color: #eee; }
#nav-footer .nav li.current_page_item > a,
#nav-footer .nav li.current-menu-item > a,
#nav-footer .nav li.current-post-parent > a { background: #2d2d2d; color: #eee; }
} #footer .widget { padding-bottom: 10px; margin-bottom:10px; background:none; box-shadow:none; }
#footer .widget > h3 {background: #444;border: 5px solid #444;}
#footer .widget > h3:after,#footer .widget > h3:before {border-top-color: #444;}
#footer .widget > h3,
#footer .widget > h3 a,
#footer .widget > h3 a:hover { color: #f7d40a; }
#footer .widget select { background: transparent; } #footer .widget > ul li:before,
#footer .widget > ul li a:before,
#footer .widget > div > ul li a:before { color: #f8f8f8; }
#footer .widget > ul li a:hover:before { color: #f8f8f8; }
#footer .widget > ul li a { color: #f8f8f8; } #footer .widget select,
#footer .widget_archive ul li,
#footer .widget_categories ul li,
#footer .widget_links ul li,
#footer .widget_meta ul li,
#footer .widget_recent_comments ul li,
#footer .widget_recent_entries ul li,
#footer .widget_rss ul li,
#footer .widget_pages ul li a,
#footer .widget_nav_menu ul li a,
#footer .widget_calendar th,
#footer .widget_calendar td { border: none; }
#footer .widget_archive ul li,
#footer .widget_categories ul li,
#footer .widget_links ul li { color: #555; }
#footer .widget_recent_comments ul li,
#footer .widget_recent_entries ul li { color: #555; } #footer .widget_rss ul li a { color: #555; }
#footer .widget_rss ul li a:hover { color: #555; }
#footer .widget_rss ul li span.rss-date { color: #555; }
#footer .widget_rss ul li cite { color: #555; } #footer .widget_tag_cloud a { color: #ccc; } #footer .widget_search input.search { background: #303030; border-color: #303030; }
#footer .widget_search input.search:focus { color: #ccc; } #footer .widget_calendar {color:#aaa;}
#footer .widget_calendar a { color: #555!important; }
#footer .widget_calendar a:hover { color: #ccc!important; }
#footer .widget_calendar thead { background: #eee8c9; color:#555; -webkit-box-shadow: 0 1px 0 #404040; box-shadow: inset 0 -1px 0 #404040; } .wp-pagenavi { font-weight: 600; line-height: 20px; float: none; text-align: center; padding:5px 0 30px 0;}
.wp-pagenavi a,
.wp-pagenavi span { color: #aaa; font-size: 16px; padding: 7px 15px; display: inline; margin: 0 5px; }
.wp-pagenavi span.pages { font-size: 17px; font-weight: 300; display: block; margin-bottom: 1em!important; border: none!important; }
.wp-pagenavi span.pages:before { content: "\f15c"; font-family: FontAwesome; margin-right: 6px; }
.wp-pagenavi span.extend { border: none!important; border-bottom: 3px solid transparent; border-top: 1px solid transparent; }
.wp-pagenavi a:hover,
.wp-pagenavi a:active,
.wp-pagenavi span.current { color: #fff; }
.wp-pagenavi a { background:#555; color: #f7f7f7!important; border: none; border-bottom: 3px solid #ddd; border-top: 1px solid #f1f1f1; }
.wp-pagenavi a:hover,
.wp-pagenavi a:active,
.wp-pagenavi span.current { background:#333; border: none; border-bottom: 3px solid #ddd; border-top: 1px solid #f1f1f1; } .wpcf7 { }
.wpcf7 p { color: #222; font-weight: 600; margin: 0 0 12px; width: 100%; float: left; position: relative; }
.wpcf7 p span { font-weight: 400; color: #999; }
.wpcf7 label { display: block; float: left; width: 20%; margin: 9px 0 0 12px; text-align: left; }
.wpcf7 input[type="text"],
.wpcf7 input[type="email"] { display: block; float: left; padding: 10px; width: 100%; }
.wpcf7 textarea { display: block; float: left; padding: 10px; width: 100%; }
.wpcf7 input[type="text"],
.wpcf7 input[type="email"],
.wpcf7 textarea { margin-top: 12px; }
.wpcf7 input[type="submit"] { padding: 10px 20px; font-size: 18px; }
.wpcf7 div.wpcf7-validation-errors { border: none; margin: 0; padding: 0; }
.wpcf7 div.wpcf7-mail-sent-ok,
.wpcf7 div.wpcf7-mail-sent-ng { border: none; }
.wpcf7 div.wpcf7-response-output { margin: 0; padding: 0; }
.wpcf7 span.wpcf7-form-control-wrap { display: block; position: relative; }
.wpcf7 span.wpcf7-not-valid-tip { background: #f2dede; border-color: #e3bfbf; border-width: 2px; color: #b94a48; padding: 4px 14px; font-size: 12px; line-height: 20px; position: absolute; left: 0; top: 12px; width: auto; right: 0; display: block; } body .syntaxhighlighter a,
body .syntaxhighlighter div,
body .syntaxhighlighter code,
body .syntaxhighlighter table,
body .syntaxhighlighter table td,
body .syntaxhighlighter table tr,
body .syntaxhighlighter table tbody,
body .syntaxhighlighter table thead,
body .syntaxhighlighter table caption,
body .syntaxhighlighter textarea,
body .syntaxhighlighter .gutter { font-size: 12px!important; line-height: 13px!important; } .ie8 .author-bio .bio-avatar:after,
.ie8 .commentlist li.bypostauthor > .comment-body:after { display: none; }
.ie8 .nav li > a:after { content: ""!important; }
.ie8 .nav > li > a:after { content: ""!important; } #comments { clear:both; margin-bottom:30px; background:#f8f8f8;}
#pinglist-container { display: none; }
.comment-head { font-size: 15px; border-bottom: 2px solid #eee; margin-bottom: 20px; }
.comment-head li { float:left; margin-bottom: -2px; }
.comment-head li a { font-weight: 600; padding: 0 10px 10px; display: block; color: #aaa; border-bottom: 2px solid #333; }
.comment-head li a:hover { color: #777; border-color: #222; }
.comment-head li span { background-color: #f7d40a; color:#111; padding: 5px 10px; margin-left: 8px; -webkit-border-radius: 4px; border-radius: 4px; }
.comment-head li i { margin-right: 6px; }
.comment-head li.active a { color: #555; border-bottom-color: #f7d40a; font-weight:300;}
.commentlist, .pinglist { margin-bottom: 20px; }
.commentlist li, .pinglist li { padding-left: 60px; font-size: 13px; line-height: 22px; font-weight: 400; margin-bottom:20px; border-bottom: 5px solid #f3f3f3;}
.commentlist li li { border-bottom:none; border-top: 1px solid #eee; padding-top:10px;}
.commentlist .comment-body, .pinglist li { padding:1px 20px 10px 10px; clear: both; position: relative; }
.commentlist .comment-author,
.commentlist .comment-meta,
.commentlist .comment-awaiting-moderation { font-size: 13px; display: block; float: left; line-height: 22px; }
.commentlist .comment-author { margin-right: 6px; }
.commentlist .comment-author { padding:2px 5px; margin-top:-3px; -webkit-border-radius: 4px; border-radius: 4px;}
.commentlist .comment-author a:hover {color:#48a3ba;}
.commentlist .comment-author a {color:#333}
.commentlist .fn, .pinglist .ping-link { color: #555; font-size: 13px; font-style: normal; font-weight: 600; -webkit-border-radius: 3px; border-radius: 3px; }
.commentlist .says { display: none; }
.commentlist .avatar { position: absolute; left: -50px; top: 13px; width: 48px; height: 48px; -webkit-border-radius: 4px; border-radius: 4px; }
.commentlist li li .avatar {margin-top:7px;}
.commentlist .comment-meta:before, .pinglist .ping-meta:before { color: #ccc; content: "\f017"; font-family: FontAwesome; font-size: 10px; margin-right: 3px; vertical-align: 4%; }
.commentlist .comment-meta a, .pinglist .ping-meta { color: #aaa; }
.commentlist .reply { font-size: 11px; line-height: 16px; float:right; position:absolute; right:5px; top:5px; padding:5px; border:1px solid #eee8c9; -webkit-border-radius: 4px; border-radius: 4px; }
.commentlist .reply a {color:#555; }
.commentlist .reply a:hover { color: #333; }
.comment-awaiting-moderation { color: #555; font-style: normal; } .commentlist .comment-body p { padding-top: 6px; color:#333; clear: both; }
.commentlist .comment-body strong { font-weight: bold; }
.commentlist .comment-body em { font-style: italic; }
.commentlist .comment-body ol li { list-style: decimal; margin-left: 2em; padding: 0; }
.commentlist .comment-body ul li { list-style: square; margin-left: 2em; padding: 0; } .commentlist li.bypostauthor > .comment-body:after,
.commentlist li.comment-author-admin > .comment-body:after { display: block; position: absolute; content: "\f040"; color: #fff; background:#555; line-height: 12px; width: 12px; font-style: normal; font-family: FontAwesome; text-align: center; }
.commentlist li.comment-author-admin > .comment-body:after { content: "\f005"; }
.commentlist li.bypostauthor > .comment-body:after,
.commentlist li.comment-author-admin > .comment-body:after { top: 30px; left: -20px; font-size: 10px; padding: 3px; }
.comment-author-admin .comment-author a {color:#ffda8c;}
.commentlist li li.bypostauthor > .comment-body:after,
.commentlist li li.comment-author-admin > .comment-body:after { top: 24px; left: -28px; font-size: 8px; padding: 2px; } .commentlist li ul { }
.commentlist li li { padding-left: 48px; margin: 0; }
.commentlist li li .avatar { width: 36px; height: 36px; left: -48px; top: 5px; }
.commentlist li li .comment-meta { left: 70px; } .comments-nav { margin-bottom: 20px; }
.comments-nav a { font-weight: 600; }
.comments-nav .nav-previous { float: left; }
.comments-nav .nav-next { float: right; } .comment-notes,
.form-allowed-tags,.logged-in-as { display: none; }
#respond { position: relative; }
#reply-title {color:#888;font-size:15px; }
li #reply-title { font-size: 0; margin: 0!important; padding: 0; height: 0; border-top: 0; }
#cancel-comment-reply-link { color: #999; display: block; position: absolute; bottom: 26px; right: 20px; font-size: 12px; }
#cancel-comment-reply-link:hover { color: #777; }
#commentform {background: #f3f3f3; border-bottom:3px solid #555; padding: 10px 20px 20px; margin-bottom: 20px;
-webkit-border-radius: 4px; border-radius: 4px; }
#commentform p.comment-form-author { width: 48%; float: left; }
#commentform p.comment-form-email { width: 48%; float: right; }
#commentform p.comment-form-url,
#commentform p.comment-form-comment { clear: both; }
#commentform label { padding: 6px 0; font-weight: 600; display: block; }
#commentform input[type="text"],
#commentform textarea { max-width: 100%; width: 100%; color:#594c2d;}
#commentform textarea { height: 100px; }
#commentform p.form-submit { margin-top: 10px; } #breadcrumbs{
list-style:none;
overflow:hidden;
font-size:11px;
color:#e8e8e8;
font-weight: 800;
text-transform: uppercase;
word-spacing: 0.05em;
background:#333;
padding:0 10px;
}
.page-title #breadcrumbs {border:none;}
#breadcrumbs a{
color:#f7d40a;
}
#breadcrumbs li{
display:inline-block;
vertical-align:middle;
margin-right:2px;
}
#breadcrumbs .separator{
font-size:10px;
color:#e8e8e8;
} .begen {display:inline-block; float:left;}
.box-meta.single .begen .likeThis {font-weight:800;background:#333; padding:5px 10px;border-top-right-radius: 4px;border-top-left-radius: 4px;font-size:12px; color: #e8e8e8; cursor:pointer;}
.begen .likeThis:before {font-family: FontAwesome; font-size:14px;content: "\f08a"; margin-right: 4px;}
.box-meta.single .begen .likeThis:hover,
.box-meta.single .begen .likeThis.done {color:#f7d40a; cursor:default;text-decoration:none;} .benzer {width:33.3%; float:left; }
.benzer img {width:100%; height:auto;}
.benzer:hover img {opacity:0.8;}
.benzer .post-title {font-size:14px; margin:0 10px; color:#999; }
.benzer .post-title a {color:#999;}
.benzer:hover .post-title a{color:#555;}
#benzer {border-top:1px solid #eee; padding:20px 0; }
#benzer h3 {margin-left:20px; margin-bottom:15px; color:#777; font-weight:200; } .drk-tabs-nav { border-bottom: 3px solid #ddd; padding-bottom: -10px; text-align: center; }
.drk-tabs-nav.tab-count-1 li { width: 100%; }
.drk-tabs-nav.tab-count-2 li { width: 50%; }
.drk-tabs-nav.tab-count-3 li { width: 33.333%; }
.drk-tabs-nav.tab-count-4 li { width: 25%; }
.drk-tabs-nav li { display: block; float: left; }
.drk-tabs-nav li a { font-size: 18px; display: block; padding: 8px 0; margin-bottom: -3px; border-bottom: 3px solid transparent; }
.drk-tabs-nav li a:hover { border-bottom-color: #ccc; }
.drk-tabs-nav li.active a{ color: #48a3ba; }
#footer .drk-tabs-nav li.active a { color: #f7d40a; }
.drk-tabs-nav li a span { display: none; }
#footer .drk-tabs-nav { border-bottom-color: #444; }
#footer .drk-tabs-nav li a:hover { border-bottom-color: #444; }
.s1 .drk-tabs-nav li.active a { border-bottom-color: #48a3ba; }
#footer .drk-tabs-nav li.active a { border-bottom-color: #f7d40a; }
.drk-tab li,
.drk-posts li { font-weight: 800; line-height: 1.4em; overflow: hidden; padding:10px 0; border-bottom:1px solid #eee; }
#footer .drk-tab li,
#footer .drk-posts li { border-bottom:1px solid #444; }
.drk-tab a,
.drk-posts a { -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; transition: all 0.2s ease; }
.drk-tab img{ display: block; width: 100%; height: auto; }
.drk-posts img {display: block; width: 100%; max-height:165px; }
#footer .drk-posts img {display: block; width: 100%; max-height:230px; }
.drk-tab.thumbs-enabled li{ padding-left: 94px; }
.drk-tab .tab-item-thumbnail { width: 80px; margin-left: -94px; float: left; }
.drk-tab .tab-item-thumbnail,
.drk-posts .post-item-thumbnail { position: relative; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; transition: all 1s ease; }
.drk-tab.avatars-enabled li{ padding-left: 62px; }
.drk-tab .tab-item-avatar { margin-left: -62px; width: 48px; float: left; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; transition: all 1s ease; }
.drk-tab .tab-item-category,
.drk-posts .post-item-category { color: #aaa; text-transform: uppercase; font-size: 13px; }
.drk-tab .tab-item-title a,
.drk-tab .tab-item-comment a,
.drk-posts .post-item-title a { color: #444; font-weight: 800; }
#footer .drk-tab .tab-item-title a,#footer .drk-tab .tab-item-comment a { color: #f8f8f8;}
.drk-tab .tab-item-category a:hover,
.drk-posts .post-item-category a:hover { color: #444!important; }
.drk-tab .tab-item-title,
.drk-tab .tab-item-comment,
.drk-posts .post-item-title { margin: 2px 0; -ms-word-wrap: break-word; word-wrap: break-word; }
.drk-posts .post-item-title { font-size:17px!important; }
.drk-tab .tab-item-date,
.drk-tab .tab-item-name,
.drk-posts .post-item-date { text-transform: uppercase; color: #aaa; font-size: 13px; }
.drk-tab .thumb-icon.small { bottom: 8px; left: 8px; }
.drk-tab li:hover .tab-item-thumbnail,
.drk-tab li:hover .tab-item-avatar,
.drk-posts li:hover .post-item-thumbnail { opacity: 0.75; }
.drk-tab li:hover .thumb-icon,
.drk-posts li:hover .thumb-icon { background: #fff; color: #111; }
.s1 .drk-tab .tab-item-category a,
.s1 .drk-posts .post-item-category a,
.s1 .drk-tab li:hover .tab-item-title a,
.s1 .drk-tab li:hover .tab-item-comment a,
.s1 .drk-posts li:hover .post-item-title a,
#footer .drk-tab .tab-item-category a,
#footer .drk-posts .post-item-category a,
#footer .drk-tab li:hover .tab-item-title a,
#footer .drk-tab li:hover .tab-item-comment a,
#footer .drk-posts li:hover .post-item-title a { color: #48a3ba; }
.drk-posts .post-item-thumbnail { margin-bottom: 10px; }
.drk-posts .post-item-title { font-size: 16px; line-height: 1.5em; }
.s1 .drk-posts .post-item-title,
#footer .drk-posts .post-item-title { font-size: 18px; line-height: 1.4em; font-weight: 300; }
.s1 .drk-posts .post-item-category,
.s1 .drk-posts .post-item-date,
#footer .drk-posts .post-item-category,
#footer .drk-posts .post-item-date { font-size: 14px; }
.post-item-thumbnail .begen {opacity:0; -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
transition: opacity 0.35s, transform 0.35s;
-webkit-transform: scale3d(1.05,1.05,1);
transform: scale3d(1.05,1.05,1);}
.post-item-thumbnail:hover .begen {opacity:1;} .format-video .post-thumb {display:none;} .format-gallery .post-thumb {display:none;}
.format-gallery .post-format .flexslider { overflow: hidden; }
.format-gallery .post-format .flexslider .slides { background: #262626; overflow: hidden; position: relative; }
.format-gallery .post-format .flexslider .slides img { max-height: 780px; width: auto; max-width: 100%; -webkit-box-shadow: 0 0 30px rgba(0,0,0,0.6); box-shadow: 0 0 30px rgba(0,0,0,0.6); }
.format-gallery .post-format .flex-direction-nav a:before { color: #48a3ba; } .format-audio .post-format i { color:#48a3ba; font-size: 16px; line-height: 22px; } .jp-interface { background-color: #262626; margin-top:-10px;}
.jp-play-bar,
.jp-volume-bar-value { background-color: #48a3ba; }
.jp-progress { background-color: #111; }
.jp-volume-bar { border: 1px solid #111; }
.jp-seek-bar,
.jp-volume-bar { background-color: #333; }
.jp-interface a { color: #bbb; text-shadow: 0 -1px 0 rgba(0,0,0,0.6); }
.jp-interface a:hover { color: #eee; }
.jp-progress-container,
.jp-volume-bar-container { border-left: 1px solid #333; }
.jp-audio,
.jp-interface,
.jp-progress,
.jp-seek-bar { width: 100%; min-width: 100%;}
.jp-interface { position: relative; overflow: hidden;
-webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,0.06), inset 0 -1px 0 rgba(0,0,0,0.3);
box-shadow: inset 0 1px 0 rgba(255,255,255,0.06), inset 0 -1px 0 rgba(0,0,0,0.3); }
.jp-interface .jp-controls { list-style-type: none; padding: 0; margin: 0; }
.jp-interface .jp-controls li { display: inline; }
.jp-interface .jp-controls a { position: absolute; }
.jp-interface .jp-controls a i { display: block; }
.jp-play, .jp-pause { width: 25px; height: 30px; z-index: 1; outline: none; margin: 12px 0 0 9px;}
.jp-play, .jp-pause { top: 0; left: 0; }
.jp-progress-container { margin-left: 34px; margin-right: 84px; height: 6px; padding: 20px 10px; }
.jp-progress { overflow: hidden; }
.jp-progress { height: 5px; padding: 1px;
-webkit-box-shadow: 0 1px 0 rgba(255,255,255,0.06);
box-shadow: 0 1px 0 rgba(255,255,255,0.06); }
.jp-seek-bar { width: 0px; height: 5px; cursor: pointer; -webkit-border-radius: 1px; border-radius: 1px; }
.jp-play-bar { width: 0px; height: 5px; -webkit-border-radius: 1px; border-radius: 1px;
-webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,0.25);
box-shadow: inset 0 1px 0 rgba(255,255,255,0.25); }
.jp-volume-bar-container { width: 40px; height: 6px; padding: 20px 10px 20px 33px; position: absolute; top: 0; right: 0; }
.jp-volume-bar { position: relative; overflow: hidden; width: 38px; height: 5px; cursor: pointer; -webkit-border-radius: 1px; border-radius: 1px;
-webkit-box-shadow: 0 1px 0 rgba(255,255,255,0.06);
box-shadow: 0 1px 0 rgba(255,255,255,0.06); }
.jp-volume-bar { top: 0; left: 0; }
.jp-volume-bar-value { width: 0px; height: 5px;
-webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,0.25);
box-shadow: inset 0 1px 0 rgba(255,255,255,0.25); }
.jp-mute, .jp-unmute { width: 17px; z-index: 1; outline: none; margin-top: 10px; }
.jp-mute, .jp-unmute { top: 2px; right: 58px; }
.jp-unmute { display: none; }
.jp-jplayer { width:0px; height:0px; } .flex-container a:active,
.flexslider a:active,
.flex-container a:focus,
.flexslider a:focus { outline: none; }
.slides,
.flex-control-nav,
.flex-direction-nav { margin: 0; padding: 0; list-style: none; } .flexslider { margin: 0; padding: 0; }
.flexslider .slides > li { display: none; -webkit-backface-visibility: hidden;} .flexslider .slides img { width: 100%; height: auto; display: block; margin: 0 auto; }
.flex-pauseplay span { text-transform: capitalize; }
.slides:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }
html { -webkit-font-smoothing: antialiased; }
html[xmlns] .slides { display: block; }
* html .slides { height: 1%;}
.no-js .slides > li:first-child { display: block; } .flexslider { margin: 0; position: relative; zoom: 1; }
.flex-viewport { max-height: 2000px; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; transition: all 1s ease; }
.loading .flex-viewport { max-height: 300px; }
.flexslider .slides { zoom: 1; }
.flexslider .slides > li { position: relative; }
.carousel li { margin-right: 5px; } .flex-direction-nav { *height: 0; z-index: 2; }
.flex-direction-nav li { float: left; margin-left: 4px; }
.flex-direction-nav li:first-child { float: left; }
.flex-direction-nav li:last-child { float: right; }
.manset-left .flex-direction-nav li:first-child { position: absolute; top: 10px; left: 10px; }
.manset-left .flex-direction-nav li:last-child {position: absolute; top: 10px; right: 10px; }
.manset-left .flex-direction-nav a { background: none;height: 440px; }
.flex-direction-nav a { background: rgba(0,0,0,0.7); opacity: 0.6; position: relative; width: 40px; height: 40px; margin: 0 0 0; display: block; cursor: pointer; text-indent: -999px; overflow: hidden;
-webkit-transition: all .3s ease; transition: all .3s ease;
-webkit-border-radius: 3px; border-radius: 3px;z-index:999; }
.flexslider:hover .flex-next,
.flexslider:hover .flex-prev { opacity: 0.8; }
.flexslider:hover .flex-next:hover, .flexslider:hover .flex-prev:hover { opacity: 1; }
.flex-direction-nav .flex-disabled {opacity: .3!important; filter:alpha(opacity=30); cursor: default; } .flex-direction-nav a:before { font-family: FontAwesome; font-size: 20px; line-height: 24px; position: absolute; text-align: center; left: 0; right: 0; top: 9px; text-indent: 0; }
.manset-left .flex-direction-nav a:before {line-height: 340px; color:#fff;}
.flex-direction-nav .flex-next:before { content:"\f054"; }
.flex-direction-nav .flex-prev:before { content: "\f053"; } .flex-control-nav { width: 100%; position: absolute; bottom: -30px; text-align: center; }
.flex-control-nav li { margin: 0 3px; display: inline-block; zoom: 1; *display: inline; }
.flex-control-nav li a { background: rgba(0,0,0,0.15); width: 10px; height: 10px; display: block; cursor: pointer; text-indent: -999px; overflow: hidden;
-webkit-border-radius: 100%; border-radius: 100%; }
.flex-control-nav li a:hover { background: rgba(0,0,0,0.15); }
.flex-control-nav li a.flex-active { background: rgba(0,0,0,0.25); cursor: default; }
.flex-control-thumbs { margin: 5px 0 0; position: static; overflow: hidden; }
.flex-control-thumbs li { width: 25%; float: left; margin: 0; }
.flex-control-thumbs img { width: 100%; display: block; opacity: .7; cursor: pointer; }
.flex-control-thumbs img:hover { opacity: 1; }
.flex-control-thumbs .flex-active { opacity: 1; cursor: default; }
@media screen and (max-width: 860px) {
.flex-direction-nav .flex-prev { opacity: .7; right: 0; }
.flex-direction-nav .flex-next { opacity: .7; right: 0; }
}
.post-pagination {
overflow: hidden;
display: block;
margin-bottom: 24px
}
.post-pagination span {
padding: 0 10px;
line-height: 30px;
font-size: 13px;
font-weight: 600;
color: #333;
background: #f7d40a;
text-decoration: none;
margin-left: 3px;
}
.post-pagination span,
.post-pagination a {
float: left;
display: inline-block;
}
.post-pagination a span {
color: #FFF;
background: #333;
}
.r-alan{padding:10px;}
.r-alan.ana-ust {padding:30px 0 0 0;}
.r-300 {float:left; width:300px; height:250px; background:#eee; margin:10px 10px 0 0;}
.widget.widget_drk_mag h3,.widget_drk_sirala h3 {padding:10px 10px 10px 20px; text-align:left; border:none; color:#111; background:#f7d40a;text-transform: uppercase; }
.widget.widget_drk_mag h3:before,.widget_drk_sirala h3:before {border-top-color: #f7d40a;}
.widget.widget_drk_mag h3:after,.widget_drk_sirala h3:after {border-top-color: #f7d40a;}
.widget.widget_drk_mag h3 a,.widget_drk_sirala h3 a {color:#fff;}
.mag-list.pad {padding:10px 0;}
.mag-list .box-meta {padding:0;}
.mag-left {float:left; width:46%;margin-right:3%;}
.mag-post-title {font-size:17px; font-weight:800;text-transform: uppercase;}
.mag-post-title a {color:#333;}
.mag-right {float:right;width:51%;}
.mag-small-thumb {float:left;margin-right:10px;}
.mag-right {border-bottom:1px solid #eee; margin:0 0 10px 0;}
.mag-lists-title {max-height:80px; overflow:hidden; line-height:20px; font-weight:400;text-transform: uppercase;}
.mag-list .post-meta {color:#333;}
.mag-box {float:left; width:47%; margin-left:3%; margin-bottom:10px;}
.mag-box.dortlu {float:left; width:24%;margin-left:1%;}
.mag-box.dortlu .mag-post-title {font-size:13px;} .manset-2 {margin:30px 0 10px 0; overflow:hidden;height:360px; }
.manset-left {width:50%;float:left;}
.manset-right {width:50%; float:right;}
.manset-right li { float:left;margin-bottom:2px; margin-left:4px; width:49%; min-height:auto;}
.manset-right .thumb {float:left;width:100%; height:100%;}
.post-h {overflow:hidden;max-height:360px;font-weight:400;display:table; } .grid-manset {
position: relative;
margin: 0 auto;
max-width: 100%;
list-style: none;
text-align: center;
z-index:0;
} .grid-manset figure {
position: relative;
float: left;
overflow: hidden;
min-width: 100%;
min-height: 100%;
width: 90%;
background: #000;
text-align: center;
cursor: pointer;
}
.grid-manset figure img {
position: relative;
display: block;
min-height: 100%;
max-width: 100%;
opacity: 0.9;
}
.grid-manset figure figcaption {
color: #fff;
text-transform: uppercase;
font-size: 1.25em;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}
.grid-manset figure figcaption::before,
.grid-manset figure figcaption::after {
pointer-events: none;
}
.grid-manset figure figcaption,
.grid-manset figure figcaption > a {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.grid-manset figure figcaption > a {
z-index: 1000;
text-indent: 200%;
white-space: nowrap;
font-size: 0;
opacity: 0;
}
.grid-manset figure h2 {
word-spacing: -0.15em;
font-weight: 800;
}
.grid-manset figure h2 span {
font-weight: 800;
}
.grid-manset figure h2,
.grid-manset figure p {
margin: 0;
}
.grid-manset figure p {
letter-spacing: 1px;
font-size: 68.5%;
} figure.effect-sadie figcaption::before {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.8) 75%);
background: linear-gradient(to bottom, rgba(0,0,0,0) 0%, rgba(0,0,0,0.8) 75%);
content: '';
opacity: 0.5;
-webkit-transform: translate3d(0,10%,0);
transform: translate3d(0,10%,0);
}
figure.effect-sadie h2 {
position: absolute;
top: 80%;
left: 0;
width: 90%;
margin:0 20px;
color: #fff;
-webkit-transition: -webkit-transform 0.35s, color 0.35s;
transition: transform 0.35s, color 0.35s;
-webkit-transform: translate3d(0,-50%,0);
transform: translate3d(0,-50%,0);
}
figure.effect-sadie h2 a{color: #fff;}
.grid-manset.kucuk figure.effect-sadie h2 {
top: 70%;
font-size:15px;
}
figure.effect-sadie figcaption::before,
figure.effect-sadie p {
-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
transition: opacity 0.35s, transform 0.35s;
}
figure.effect-sadie p {
position: absolute;
bottom: 0;
left: 0;
padding-top:10px;
width: 100%;
opacity: 0;
-webkit-transform: translate3d(0,10px,0);
transform: translate3d(0,10px,0);
}
figure.effect-sadie:hover h2 {
color: #fff;
-webkit-transform: translate3d(0,-100%,0) translate3d(0,-90px,0);
transform: translate3d(0,-100%,0) translate3d(0,-90px,0);
}
.grid-manset.kucuk figure.effect-sadie:hover h2 {
color: #fff;
-webkit-transform: translate3d(0,-40%,0) translate3d(0,-30px,0);
transform: translate3d(0,-40%,0) translate3d(0,-30px,0);
}
figure.effect-sadie:hover figcaption::before {
opacity: 1;
-webkit-transform: translate3d(0,0,0);
transform: translate3d(0,0,0);
}
figure.effect-sadie:hover p {opacity: 1;
-webkit-transform: translate3d(0,-30%,0) translate3d(0,-20px,0);
transform: translate3d(0,-30%,0) translate3d(0,-20px,0);} .grid-1 {
position: relative;
margin: 0 auto;
max-width: 1000px;
list-style: none;
text-align: center;
} .grid-2 figure {
position: relative;
float: left;
overflow: hidden;
min-width: 100%;
max-width: 100%;
height: auto;
width: 48%;
background: #48a3ba;
text-align: center;
cursor: pointer;
}
.grid-2.iki figure {
min-width: 290px;
max-width: 290px;
max-height: 165px;
}
.grid-2 figure img {
position: relative;
display: block;
min-height: 100%;
max-width: 100%;
opacity: 0.8;
}
.grid-2 figure figcaption {
color: #fff;
text-transform: uppercase;
font-size: 1.25em;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}
.grid-2 figure figcaption::before,
.grid-2 figure figcaption::after {
pointer-events: none;
}
.grid-2 figure figcaption,
.grid-2 figure figcaption > a {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
} .grid-2 figure figcaption > a {
z-index: 1000;
text-indent: 200%;
white-space: nowrap;
font-size: 0;
opacity: 0;
} figure.effect-bubba {
background: #333;
}
figure.effect-bubba img {
opacity: 1;
-webkit-transition: opacity 0.35s;
transition: opacity 0.35s;
}
.box-list:hover figure.effect-bubba img,
.mag-left:hover figure.effect-bubba img,
.mag-right:hover figure.effect-bubba img,
.mag-box:hover figure.effect-bubba img{
opacity: 0.4;
}
figure.effect-bubba figcaption::before,
figure.effect-bubba figcaption::after {
position: absolute;
top: 30px;
right: 30px;
bottom: 30px;
left: 30px;
content: '';
opacity: 0;
-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
transition: opacity 0.35s, transform 0.35s;
}
figure.effect-bubba figcaption::before {
border-top: 1px solid #fff;
border-bottom: 1px solid #fff;
-webkit-transform: scale(0,1);
transform: scale(0,1);
}
figure.effect-bubba figcaption::after {
border-right: 1px solid #fff;
border-left: 1px solid #fff;
-webkit-transform: scale(1,0);
transform: scale(1,0);
}
.box-list:hover figcaption::before,
.box-list:hover figcaption::after,
.mag-left:hover figcaption::before,
.mag-left:hover figcaption::after,
.mag-box:hover figcaption::before,
.mag-box:hover figcaption::after{
opacity: 1;
-webkit-transform: scale(1);
transform: scale(1);
}
.mag-box.dortlu:hover figcaption::before,
.mag-box.dortlu:hover figcaption::after{
opacity: 0
}
figcaption>.devam{
width :50%;
margin :auto;
}
.mag-right figcaption>.devam >.fa
{
height : 28px;
width : 28px;
font-size : 15px;
padding : 5px;
}
.mag-left figcaption>.devam >.fa {padding : 5px;}
.mag-box.dortlu figcaption>.devam >.fa{
height : 56px;
width : 56px;
font-size : 25px;
padding : 0;
}
figcaption>.devam >.fa
{
height : 56px;
width : 56px;
font-size : 25px;
padding : 14px;
opacity : 0;
transition : opacity 0.30s ease 0.35s;
-moz-transition : opacity 0.30s ease 0.35s;
-webkit-transition : opacity 0.30s ease 0.35s;
-ms-transition : opacity 0.30s ease 0.35s;
-o-transition : opacity 0.30s ease 0.35s;
}
.box-list:hover figcaption>.devam >.fa,
.mag-left:hover figcaption>.devam >.fa,
.mag-right:hover figcaption>.devam >.fa,
.mag-box:hover figcaption>.devam >.fa {
opacity : 1;
}
figcaption>.devam >.fa{
background-color : rgba(255,255,255,0);
color : #f7d40a;
transition : all ease 0.35s;
-moz-transition : all ease 0.35s;
-webkit-transition : all ease 0.35s;
-ms-transition : all ease 0.35s;
-o-transition : all ease 0.35s;
}
figcaption>.devam >.fa:hover{
background-color : rgba(255,255,255,1);
color : #e84700;
}
figcaption>.devam >.fa.animated{
color : #f7d40a;
transform : rotate(0deg);
box-shadow : 0 0 5px rgba(232,71,0, 0);
transition : all ease 0.50s;
-moz-transition : all ease 0.50s;
-webkit-transition : all ease 0.50s;
-ms-transition : all ease 0.50s;
-o-transition : all ease 0.50s;
}
.box-list:hover figcaption >.devam >.fa.animated,
.mag-left:hover figcaption >.devam >.fa.animated,
.mag-right:hover figcaption >.devam >.fa.animated,
.mag-box:hover figcaption >.devam >.fa.animated{
color : #f7d40a;
transform : rotate(360deg);
}
figcaption>.devam{
position : absolute;
top : 20%;
left : 0;
right : 0;
margin : auto;
-moz-transition : top 1s ease 0.15s;
-webkit-transition : top 1s ease 0.15s;
-ms-transition : top 1s ease 0.15s;
-o-transition : top 1s ease 0.15s;
transition : top 1s ease 0.15s;
}
.box-list:hover figcaption>.devam,
.mag-left:hover figcaption>.devam,
.mag-right:hover figcaption>.devam,
.mag-box:hover figcaption>.devam {
position : absolute;
top : 40%;
left : 0;
right : 0;
margin : auto;
} .box-list {width:100%;}
.box-list .post-title.pad {padding:10px 0;}
.box-list .post-title {font-weight:800;}
.box-list .post-title a{color:#333;}
.box-list .post-title a:hover {color:#48a3ba;}
.box-list:hover .thumb {border-right: 4px solid #f7d40a;}
.box-list:hover .thumb:after,.box-list:hover .thumb:before {border-left-color: #f7d40a;}
.box-list .thumb {float:left; width:280px; height:230px;position: relative;
background: #d0d0d0;
border-right: 4px solid #d0d0d0;}
.box-list .post-con {float:left; width:56%; overflow:hidden;}
.post-con .pad {padding:0 20px;}
.box-list .thumb:after, .box-list .thumb:before {
left: 100%;
top: 9%;
border: solid transparent;
content: " ";
height: 0;
width: 0;
position: absolute;
pointer-events: none;
}
.box-list .thumb:after {
border-color: rgba(136, 183, 213, 0);
border-left-color: #d0d0d0;
border-width: 10px;
margin-top: -10px;
}
.box-list .thumb:before {
border-color: rgba(194, 225, 245, 0);
border-left-color: #d0d0d0;
border-width: 17px;
margin-top: -17px;
}
.box-list .yazar-avatar img {
float:left;
background-color:#3d4757;
width:38px;
height:38px;
border-radius:50%;
overflow:hidden;}
.post-con.single {width:100%;}
.post-con.single .pad {padding:10px 20px;}
.post-con-head {border-bottom:1px solid #e8e8e8; padding-bottom:5px;}
.post-con-meta li {float:left; background:#f7d40a; -webkit-border-radius:4px; border-radius: 4px; margin:5px; padding:0 10px;font-weight:800; font-size:13px;}
.post-con-meta li.yazar {background:#fff;text-transform: uppercase;}
.post-con-meta li.yazar a {color:#555;}
.post-con-meta li.begen .likeThis {color:#333;}
.post-con-meta li.begen .likeThis:hover,
.post-con-meta li.begen .likeThis.done {color:#ef4135; }
.post-con-meta li a{color:#111;}
.widget .post-con-meta li { margin-top:-10px;} .drk-posts-2 .post-item-category {color:#cecece; margin-bottom:10px; font-size:15px; font-weight:400; float:left;}
.drk-posts-2 .post-item-category a{color:#cecece;}
.drk-posts-2 .post-item-title{font-size:20px; text-align:left;float:left; font-weight:400; }
.drk-posts-2 .post-item-title a {color:#fff;}
.drk-posts-2 .post-item-title a:hover {text-decoration: underline;}
.drk-posts-2 .box-meta,.drk-posts-2 .box-meta a{color:#eee;}
.drk-posts-2 .box-meta {float:left; }
.drk-posts-2 .post-excerpt {float:left; text-align:left; margin-top:10px;}
.drk-posts-2 .post-item-more {position:absolute; bottom:50px; padding:10px; border:1px solid #fff;}
.drk-posts-2 .post-item-more a {color:#fff;}
.drk-posts-2 .post-item-title,.drk-posts-2 .box-meta ,.drk-posts-2 .post-excerpt {clear:both;}
.post-item-thumbnail {width:100%;}
figure.effect-post {
background: #333;
}
.drk-posts-2 figure.effect-post img {
opacity: 0.50;
} .gridbox.post figure {
position: relative;
overflow: hidden;
max-width: 780px;
max-height: 350px;
text-align: center;
cursor: pointer;
}
.post-item-thumbnail img {
height: auto;
width: 100%;
}
.gridbox.post figure figcaption {max-width: 650px; width: 85%; position:absolute;}
.widget.widget_drk_sirala {margin-bottom:-20px;}
#image-navigation span.previous-image {left:20px;position:absolute; }
#image-navigation span.next-image {right:20px;position:absolute;}
#image-navigation.site-navigation {background:#333; overflow:hidden; padding:10px 0;}
span.previous-image a,span.next-image a{background:#f7d40a; color:#111;padding:13px 10px;}
#image-navigation .full-image {text-align:center;}
h3.malzeme {padding:10px 10px 10px 20px; margin-bottom:-5px;
font-size:18px; text-align:left; border:none; color:#111; background:#f7d40a;position: relative; }
h3.malzeme:after, h3.malzeme:before {
top: 100%;
left: 10%;
border: solid transparent;
content: " ";
height: 0;
width: 0;
position: absolute;
pointer-events: none;
}
h3.malzeme:after {
border-color: rgba(136, 183, 213, 0);
border-top-color: #f7d40a;
border-width: 10px;
margin-left: -10px;
}
h3.malzeme:before {
border-color: rgba(194, 225, 245, 0);
border-top-color: #f7d40a;
border-width: 17px;
margin-left: -17px;
}
.malzeme-list {background:#eee;padding:30px 20px 20px 20px;}
.malzeme.ilk {margin-top:20px}
.malzeme-list.son {margin-bottom:20px}