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,font,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td { border: 0; font-family: inherit; font-size: 100%; font-style: inherit; font-weight: inherit; outline: 0; vertical-align: baseline; margin: 0; padding: 0; } html { font-size: 62.5%; overflow-y: scroll; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; ; } *, *:before, *:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } body { background: #fff; } article,aside,details,figcaption,figure,footer,header,main,nav,section { display: block; } ol,ul { list-style: none; } table { border-collapse: separate; border-spacing: 0; } caption,th,td { font-weight: 400; text-align: left; } blockquote:before,blockquote:after,q:before,q:after { content: ' '; } a:focus { outline: thin dotted; } a:hover,a:active { outline: 0; } a img { border: 0; } body,button,input,select,textarea { color: #404040; line-height: 1.5; } h1,h2,h3,h4,h5,h6 { clear: both; } p { margin-bottom: 1.5em; } b,strong { font-weight: 700; } dfn,cite,em,i { font-style: italic; } blockquote { margin: 0 1.5em; } address { margin: 0 0 1.5em; } pre { background: #eee; font-family: "Courier 10 Pitch", Courier, monospace; font-size: 1.5rem; line-height: 1.6; margin-bottom: 1.6em; max-width: 100%; overflow: auto; padding: 1.6em; } code,kbd,tt,var { font: 15px Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace; } abbr,acronym { border-bottom: 1px dotted #666; cursor: help; } mark,ins { background: #fff9c0; text-decoration: none; } sup,sub { font-size: 75%; height: 0; line-height: 0; position: relative; vertical-align: baseline; } sup { bottom: 1ex; } sub { top: .5ex; } small { font-size: 75%; } big { font-size: 125%; } hr { background-color: #ccc; border: 0; height: 1px; margin-bottom: 1.5em; } ul,ol { margin: 0 0 1.5em 3em; } ul { list-style: disc; } ol { list-style: decimal; } li > ul,li > ol { margin-bottom: 0; margin-left: 1.5em; } dd { margin: 0 1.5em 1.5em; } img { height: auto; max-width: 100%; } figure { margin: 0; } table { width: 100%; margin: 0 0 1.5em; } dt,th { font-weight: 700; } button,input,select,textarea { font-size: 100%; vertical-align: baseline; margin: 0; } input[type=checkbox],input[type=radio] { padding: 0; } input[type="search"] { -webkit-appearance: textfield; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; } input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; } button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; } input[type=text],input[type=email],input[type=url],input[type=password],input[type=search],textarea { color: #666; border: 1px solid #ccc; border-radius: 3px; } input[type=text]:focus,input[type=email]:focus,input[type=url]:focus,input[type=password]:focus,input[type=search]:focus,textarea:focus { color: #111; } input[type=text],input[type=email],input[type=url],input[type=password],input[type=search] { padding: 3px; } textarea { overflow: auto; padding-left: 3px; vertical-align: top; width: 100%; } .main-navigation { clear: both; display: block; float: left; width: 100%; } .main-navigation ul { list-style: none; padding-left: 0; margin: 0; } .main-navigation li { float: left; position: relative; } .main-navigation a { display: block; text-decoration: none; } .main-navigation ul ul ul { left: -999em; top: 0; } .main-navigation ul ul a { width: 200px; } .main-navigation ul li:hover > ul { left: auto; } .main-navigation ul ul li:hover > ul { left: 100%; } .menu-toggle { display: none; } @media screen and (max-width: 600px) { .menu-toggle,.main-navigation.toggled .nav-menu { display: block; } .main-navigation ul { display: none; }; } .site-main .comment-navigation,.site-main .paging-navigation,.site-main .post-navigation { overflow: hidden; margin: 0 0 1.5em; } .comment-navigation .nav-previous,.paging-navigation .nav-previous,.post-navigation .nav-previous { float: left; width: 50%; } .comment-navigation .nav-next,.paging-navigation .nav-next,.post-navigation .nav-next { float: right; text-align: right; width: 50%; } .screen-reader-text { clip: rect(1px,1px,1px,1px); position: absolute!important; height: 1px; width: 1px; overflow: hidden; } .screen-reader-text:hover,.screen-reader-text:active,.screen-reader-text:focus { background-color: #f1f1f1; border-radius: 3px; box-shadow: 0 0 2px 2px rgba(0,0,0,0.6); clip: auto!important; color: #21759b; display: block; font-size: 14px; font-weight: 700; height: auto; left: 5px; line-height: normal; text-decoration: none; top: 5px; width: auto; z-index: 100000; padding: 15px 23px 14px; } .x-left { display: inline; float: left; margin-right: 1.5em; } .x-right { display: inline; float: right; margin-left: 1.5em; } .x-center { clear: both; display: block; margin: 0 auto; } .clear:before,.clear:after,.entry-content:before,.entry-content:after,.comment-content:before,.comment-content:after,.site-header:before,.site-header:after,.site-content:before,.site-content:after,.site-footer:before,.site-footer:after { content: ''; display: table; } .clear:after,.entry-content:after,.comment-content:after,.site-header:after,.site-content:after,.site-footer:after { clear: both; } .widget { margin: 0 0 1.5em; } .widget select { max-width: 100%; } .widget_search .search-submit { display: none; } .hentry { margin: 0 0 1.5em; } .byline,.updated { display: none; } .single .byline,.group-blog .byline { display: inline; } .page-links { clear: both; margin: 0 0 1.5em; } .blog .format-aside .entry-title,.archive .format-aside .entry-title { display: none; } .comment-content a { word-wrap: break-word; } .infinity-end.neverending .site-footer { display: block; } .page-content img.wp-smiley,.entry-content img.wp-smiley,.comment-content img.wp-smiley { border: none; margin-bottom: 0; margin-top: 0; padding: 0; } embed,iframe,object { max-width: 100%; } .x-caption { max-width: 100%; } .x-caption img[class*=wp-image-] { display: block; margin: 0 auto; } .x-caption-text { text-align: center; } .x-caption .x-caption-text { margin: .8075em 0; } .gallery { } .gallery-item { display: inline-block; text-align: center; vertical-align: top; width: 100%; } .gallery-columns-2 .gallery-item { max-width: 50%; } .gallery-columns-3 .gallery-item { max-width: 33.33%; } .gallery-columns-4 .gallery-item { max-width: 25%; } .gallery-columns-5 .gallery-item { max-width: 20%; } .gallery-columns-6 .gallery-item { max-width: 16.66%; } .gallery-columns-7 .gallery-item { max-width: 14.28%; } .gallery-columns-8 .gallery-item { max-width: 12.5%; } .gallery-columns-9 .gallery-item { max-width: 11.11%; } .sticky { } .gallery-caption { } .bypostauthor { } .clearfix { *zoom: 1; } .clearfix:after { clear: both; } .clearfix:before,.clearfix:after { display: table; content: ""; line-height: 0; } body { font-family: "Open Sans", Helvetica, Arial, sans-serif; font-size: 14px; } a { -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } a { color: #f16272; } a:visited { color: #f16272; } a:active { color: #f16272; } .page-header h1.page-title { font-size: 32px; text-align: center; } .entry-content h1.page-title { line-height: 1; } .projects-page .page-header h1.page-title, .woocommerce .page-header h1.page-title, .page .page-header h1.page-title { text-align: left; } h1.page-title, span.page-title p { margin-bottom: 0.2em; } .entry-content .entry-excerpt p { margin-bottom: 1.5em; } label { color: #aaa; padding: 5px 0; } #content a:hover { text-decoration: none; color: #00a5e7; } #content .entry-meta a { text-decoration: none; color: #aaa; } .out-wrap { width: 100%; margin: 0; padding: 0; } .wrap { background: #FFF; max-width: 1200px; margin: 0 auto; } #colophon.wrap, #wrap-header.wrap { background: none; } .home.page .site-content { padding: 0; margin: 0; } .home.page .entry-content { padding: 0 20px; } .home.page .page .entry-content { padding: 0; } #home-content .entry-content .page-title { font-size: 48px; text-align: center; } #home-sticky .entry-content { padding: 20px; } .home-section { margin-bottom: 20px; } .hero { background: rgba(255, 255, 255, 0.9); margin: 100px auto; padding: 60px 20px; text-align: center; max-width: 400px; width: 80%; } .entry-content .hero h1 { font-size: 40px; line-height: 1.2; margin: 0; } .hero p { margin-bottom: 0; } .home-section p { font-size: 16px; line-height: 1.8; } .site-content { padding: 30px 40px 40px 40px; margin: 0; } .content-area { float: left; width: 70%; } .content-area.no-sidebar { float: none; width: 100%; } .no-sidebar .entry-content, .no-sidebar .comments-area { margin: 0 auto; width: 60%; } .no-sidebar .entry-header { text-align: center; } .hentry .entry-header p { font-size: 150%; } .widget-area { float: right; width: 28%; } .page-template-template-fullpage-php, .page-template-template-fullpage-php .content-area { float: none; width: 100%; } .single-attachment #primary { float: left; width: 100%; margin-right: 0; } .site-main { float: left; width: 100%; clear: both; } .site-footer { clear: both; padding: 20px 20px; color: #aaa; background: #2c2c2c; } .site-footer a { color: #aaaaaa; } .site-footer a:hover { color: #f16272; } .site-info { margin-top: 20px; padding-top: 20px; border-top: solid 1px #363636; font-size: 11px; } #back-to-top { } .site-branding { text-align: center; padding: 60px 0; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; } .site-title-group { margin: 50px 40px 50px 40px; } #logo img { max-height: 200px; } #logo img.roundframe { border-radius: 100px; box-shadow: 0 0 0 3px white, 0 0 1px #fff; height: 100px; width: 100px; } #logo a, .title-group a, .site-title a { text-decoration: none; } .site-title { font-size: 24px; line-height: 24px; } .site-title a:hover { color: #f16272; } .site-description { font: 0.9em "Open Sans", Helvetica, Arial, sans-serif; color: #fff; } .hidden { display: none; } .error-404 h1 { margin-top: 40px; margin-bottom: 20px; font-size: 32px; } iframe, object, embed { width: 100%; max-height: 100%; } .main-navigation { background: #2c2c2c; padding: 0 40px; line-height: 0; } .main-navigation a { color: #ddd; } .main-navigation li a { border-bottom: 0; color: #ddd; font-size: 14px; font-weight: 600; padding: 34px; text-transform: uppercase; white-space: nowrap; } .main-navigation a:hover { color: #FFF; } .main-navigation ul.nav-menu, .main-navigation div.nav-menu > ul { display: none; } .toggled ul.nav-menu { display: block; } .nav-menu ul li a { color: #555; } .menu-main { width: 100%; text-align: center; } .menu-main ul ul { text-align: left; } ul.nav-menu, .nav-menu ul, .nav-menu ul li ul { list-style: none; } .menu-toggle { display: block; cursor: pointer; } #menu-top a { text-decoration: none; } ul#menu-top { list-style: none; margin: 0; } #menu-top li, #menu-footer li { display: inline-block; font-size: 12px; padding: 0 5px; } #menu-top li a::before { content: ''; font-family: "FontAwesome"; display: inline-block; font-size: 14px; font-style: normal; font-weight: normal; line-height: 1; padding-right: 5px; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } #menu-top li a[href*="tel:"]::before { content: '\f095'; } #menu-top li a[href*="mailto:"]::before { content: '\f0e0'; } #menu-top li a[href*="https://goo.gl/maps/"]::before { content: '\f041'; } .top-menu { background-color: #2c2c2c; border-bottom: solid 1px #000; padding: 5px 5px 5px 0; text-align: center; } .menu-toggle { font-family: "Open Sans", Helvetica, Arial, sans-serif; font-size: 11px; color: #fff; text-transform: uppercase; padding: 10px 22px; margin: 0; } .menu-toggle:hover { background: #474747; } .site-header .menu-toggle:before { content: '\f419'; display: inline-block; -webkit-font-smoothing: antialiased; font: normal 16px/1 'Genericons'; vertical-align: middle; margin-right: 10px; } #sidemenu { border: 1px solid #dedede; border-bottom: 1px solid #fff; } ul#sidemenu, #sidemenu li ul.sub-menu { margin-left: 0; list-style: none; } #sidemenu ul li ul li a { padding-left: 35px; background: #eaeaea; border-bottom: 1px solid #ddd; } #sidemenu li a { display: block; padding: 10px 15px; text-decoration: none; border-bottom: 1px solid #dedede; } #sidemenu li ul li a { padding: 10px 25px; background: #efefef; } #sidemenu li > ul { display: none; } #sidemenu li.current-menu-item > ul { display: block; } #menu-social { text-align: right; } #menu-social li { display: inline-block; padding-left: 5px; } #menu-social li a::before { content: none; font-family: "FontAwesome"; display: inline-block; font-size: 18px; font-style: normal; font-weight: normal; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } #menu-social li a[href*="wordpress.org"]::before, #menu-social li a[href*="wordpress.com"]::before { content: '\f19a'; color: #21759b; } #menu-social li a[href*="facebook.com"]::before { content: '\f082'; color: #3b5998; } #menu-social li a[href*="twitter.com"]::before { content: '\f099'; color: #33ccff; } #menu-social li a[href*="dribbble.com"]::before { content: '\f17d'; color: #ea4c89; } #menu-social li a[href*="plus.google.com"]::before { content: '\f0d5'; color: #dd4b39; } #menu-social li a[href*="pinterest.com"]::before { content: '\f0d2'; color: #c8232c; } #menu-social li a[href*="github.com"]::before { content: '\f09b'; color: #4183c4; } #menu-social li a[href*="tumblr.com"]::before { content: '\f173'; color: #34526f; } #menu-social li a[href*="youtube.com"]::before { content: '\f167'; color: #c4302b; } #menu-social li a[href*="flickr.com"]::before { content: '\f16e'; color: #ff0084; } #menu-social li a[href*="vimeo.com"]::before { content: '\f194'; color: #1AB7EA; } #menu-social li a[href*="instagram.com"]::before { content: '\f16d'; color: #3f729b; } #menu-social li a[href*="linkedin.com"]::before { content: '\f08c'; color: #0e76a8; } #menu-social li a[href*="soundcloud.com"]::before { content: '\f1be'; color: #f70; } #menu-social li a[href*="vk.com"]::before { content: '\f189'; color: #0e76a8; } #menu-social li a[href*="feeds.feedburner.com"]::before { content: '\f09e'; color: #FFA500; } #secondary #menu-social { text-align: left; } #secondary #menu-social li a { font-size: 13px; } #secondary #menu-social li a::before { font-size: 20px; padding: 5px; } .colgrid .entry-thumbnail { max-height: 270px; overflow: hidden; } .colgrid .entry-header p { font-size: 20px; line-height: 26px; } .format-aside .entry-content, .colgrid .format-aside .entry-content { border: solid 3px #dddddd; text-align: center; margin-bottom: 10px; } .colgrid .format-audio .entry-content, .colgrid .format-video .entry-content, .colgrid .format-link .entry-content, .colgrid .format-status .entry-content, .colgrid .format-quote .entry-content, .colgrid .format-aside .entry-content { height: 480px; text-align: center; } .colgrid .format-status .entry-content, .colgrid .format-quote .entry-content, .colgrid .format-aside .entry-content { display: table-cell; vertical-align: middle; padding: 0 20px; } .colgrid .format-audio .entry-content, .colgrid .format-video .entry-content, .colgrid .format-link .entry-content { padding-top: 150px; } .format-link .entry-content { margin-bottom: 10px; padding-top: 60px; } .colgrid .format-link .entry-content, .colgrid .format-quote .entry-content, .colgrid .format-audio .entry-content, .colgrid .format-video .entry-content { color: #FFF; } .colgrid .entry-content h1 { margin: 0 0 20px 0; } .colgrid.format-link h1, .colgrid .format-audio h1, .colgrid .format-video h1 { color: #FFF; padding: 20px 0; } .colgrid .format-quote a, .colgrid .format-link a, .colgrid .format-audio a, .colgrid .format-video a { color: #FFF; text-decoration: none; } .colgrid .format-quote i.fa, .colgrid .format-link i.fa { font-size: 48px; } .colgrid .format-audio i.fa, .colgrid .format-video i.fa { font-size: 72px; } .titleborder.center { text-align: center; } .titleborder.left { text-align: left; } .titleborder.right { text-align: center; } .titleborder { position: relative; border-bottom: 1px solid #fff; margin-bottom: 30px; margin-top: 0px; } .titleborder div { display: inline-block; background-color: #fff; padding: 1px 12px 2px 0; position: relative; } #sitemap li { line-height: 30px; list-style: none; } #sitemap ul li { font-size: 14px; } h1, h2, h3, h4 { font-family: "Open Sans", Helvetica, Arial, sans-serif; font-weight: 600; } h5, h6 { font-family: "Open Sans", Helvetica, Arial, sans-serif; font-weight: 600; } .entry-content h1 { font-size: 32px; margin: 0 0 40px 0; } .entry-content h2 { font-size: 28px; margin: 0 0 36px 0; } .entry-content h3 { font-size: 24px; margin: 0 0 32px 0; } .entry-content h4 { font-size: 20px; margin: 0 0 28px 0; } .breadcrumbs { font-size: 13px; float: left; } .entry-content h2 { line-height: 36px; } .entry-content h5 { font-size: 16px; margin: 0 0 24px 0; } .entry-content h6 { font-size: 14px; margin: 0 0 20px 0; } .post-thumb { background: #FFF; padding: 55% 0 0 0; } #home-tagline h1 { font-size: 50px; color: #00a5e7; padding: 80px 20px; } .home.page-template hr { background-color: #e8e8e8; margin-bottom: 3em; } #home-content .entry-content, #before-home-widget .entry-content { padding-top: 40px; } #home-content .entry-content, #before-home-widget .entry-content, #after-home-widget .entry-content { margin-bottom: 60px; } #home-content .entry-content h2 { font-size: 36px; line-height: 1.5; } #home-content .entry-content p { font-size: 18px; line-height: 1.5; margin: 24px 0; } .tagline-txt { text-align: center; } .single footer.entry-meta { border-top: solid 2px #333; } .page-header { padding-bottom: 50px; margin-bottom: 20px; border-bottom: solid 2px #333; } .archive .page-header, .page .page-header, .category .page-header { padding-bottom: 20px; } .search .page-header, .error404 .page-header { padding-bottom: 0; } .page-title { font-size: 24px; } .single-attachment .page-header { padding-bottom: 30px; } #single-nav { float: right; } #single-nav-left, #single-nav-right { float: left; margin-left: 10px; } #single-nav a { font-size: 12px; color: #666; background: #eee; padding: 0 10px; height: 25px; line-height: 25px; display: block; } .nav-previous, .nav-next { font-size: 14px; } .site-content .entry-content hr, .site-content .comment-content hr, #tinymce hr { background-color: #dddddd; border: 0; height: 1px; margin-bottom: 20px; } .site-content .entry-content table, .site-content .comment-content table, #tinymce table { margin-bottom: 20px; } .site-content .entry-content th, .site-content .comment-content th, #tinymce th, .site-content .entry-content td, .site-content .comment-content td, #tinymce td { padding: 8px 8px; border-bottom: solid 1px #dddddd; } .site-content .entry-content tr:hover td, .site-content .comment-content tr:hover td, #tinymce tr:hover td { background: #f7f7f7; } .site-content .entry-content ul, .site-content .comment-content ul, #tinymce ul, .site-content .entry-content ol, .site-content .comment-content ol, #tinymce ol { margin-bottom: 20px; } .site-content .entry-content blockquote, .site-content .comment-content blockquote, #tinymce blockquote { display: block; position: relative; padding: 1% 0 4% 4%; } .home-posts-description blockquote { font-size: 18px; font-style: italic; line-height: 24px; margin: 0; padding: 0; } .page .entry-content blockquote:before, .format-standard .entry-content blockquote:before { font-family: "FontAwesome"; display: inline-block; font-size: 26px; font-style: oblique; font-weight: normal; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: '\f10d'; color: #CCC; left: 0; position: absolute; } .page .entry-content blockquote, .format-standard .entry-content blockquote { padding-left: 5%; } .format-quote .entry-content blockquote:before { margin-left: -10px; content: '\ ” '; } .format-quote .entry-content blockquote:after { content: '\“ '; } .entry-content blockquote cite:before, .comment-content blockquote cite:before, #tinymce blockquote cite:before { content: ' '; } blockquote { font-size: 20px; font-style: italic; line-height: 30px; } .page .entry-content blockquote.pull-left, .format-standard .entry-content blockquote.pull-left { width: 33%; float: left; } .page .entry-content blockquote.pull-left:before, .format-standard .entry-content blockquote.pull-left:before { content: ''; } .page .entry-content blockquote.pull-right, .format-standard .entry-content blockquote.pull-right { width: 33%; float: right; vertical-align: middle; } .page .entry-content blockquote.pull-right:before, .format-standard .entry-content blockquote.pull-right:before { content: ''; } .entry-content blockquote p { margin: 0; } #secondary blockquote { font-size: 16px; font-style: italic; line-height: 24px; margin-left: 0; } #secondary blockquote:before { content: '\f106'; font-family: 'Genericons'; font-size: 18px; font-style: normal; } .entry-title a { text-decoration: none; } .single .site-content .entry-title { font-size: 28px; line-height: 34px; } .site-content .entry-title { font-size: 24px; line-height: 30px; } .site-content .entry-header { margin-bottom: 1.5em; } .entry-header .entry-title { margin-bottom: 0.5em; } .site-content .entry-title a { color: #3a3a3a; } .site-content .entry-title a:hover { color: #f16272; } .format-standard.sticky h1.entry-title:before { background-color: #f16272; border-radius: 100%; color: #fff; content: '\f08d'; font-family: "FontAwesome"; display: inline-block; font-size: 20px; font-style: normal; font-weight: normal; line-height: 1; margin-right: 5px; padding: 4px 8px; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } } .entry-header p { font-size: 26px; line-height: 32px; font-weight: 300; } .site-content .entry-meta, .site-content .entry-header .entry-meta { font-size: 12px; } .site-content .entry-meta { line-height: 15px; color: #aaaaaa; } .single .site-content .entry-meta, .single .site-content .entry-meta.no-sidebar { padding: 20px 0 10px; } .single .site-content .entry-meta.no-sidebar, .single .entry-meta.no-sidebar .extrameta { text-align: center; } .site-content .entry-meta { text-align: left; } .site-content .entry-meta a { color: #aaaaaa; text-decoration: none; } .site-content .entry-meta a:hover { color: #f16272; } .site-content .entry-content, .site-content .entry-header, .site-content .entry-summary { -ms-word-wrap: break-word; word-wrap: break-word; } .site-content .entry-header .entry-meta { text-align: left; } .entry-thumbnail { } div.entry-thumbnail.quote { } #masonry .entry-excerpt { padding: 5px; } .entry-content { font-size: 16px; line-height: 26px; font-family: "Open Sans", Helvetica, Arial, sans-serif; } cite { font-size: 14px; color: #f16272; } address { font-size: 14px; } .img-home-post img { -webkit-filter: grayscale(100%); } .img-home-post img:hover { -webkit-filter: grayscale(0%); -webkit-transition: all .5s; } .x-caption-text { font-size: 12px; color: #666; line-height: 18px; } .blogroll img { max-width: 55px; display: inline-block; vertical-align: middle; margin-right: 5px; } #callaction { background-color: #f0f0f0; border-top: solid 1px #dddddd; } div.callaction { height: auto; min-height: 100px; max-width: 1200px; margin: 0 auto; padding: 20px; } .call-action-content { margin: 20px auto; } .call-action-txt { float: left; } .call-action-txt span { font-size: 24px; font-weight: 600; line-height: 1; vertical-align: middle; } .call-action-but { float: right; } .home-posts-description .flex-direction-nav a { height: 30px; padding-top: 5px; } .flex-direction-nav a, li a.flex-next, li a.flex-prev { color: rgba(0,0,0,0.8); } .format-gallery .flex-direction-nav a { top: 40%; } .entry-media .flex-direction-nav a:before, .gallery .flex-direction-nav a:before { font-size: 30px; padding-top: 0; } .entry-content .flex-direction-nav a:before { font-size: 30px; padding-top: 5px; } .widget .flex-viewport { width: 99%; } .widget .flex-viewport .flex-caption { display: none; } .widget .format-gallery .flex-direction-nav a { top: 50%; } .entry-content .flexslider, .widget .flexslider { margin: 0; } ul.page-numbers { list-style: none; margin: 20px 0; } ul.page-numbers li { display: block; float: left; text-align: center; } .page-numbers a, .page-numbers span { background-color: transparent; border: 0; color: #606060; background: #eee; cursor: pointer; display: block; float: left; height: 30px; line-height: 30px; margin-right: 4px; margin-top: 4px; width: auto; padding: 0 12px; text-align: center; text-decoration: none; } a.prev.page-numbers, a.next.page-numbers { text-decoration: none; } #single-nav .fa-chevron-right, #single-nav .fa-chevron-left { font-size: 11px; } .page-numbers a:hover, .page-numbers span.current { background: #2c2c2c; color: #fff; text-decoration: none; } .page-numbers:after { clear: both; content: "."; display: block; height: 0; line-height: 0; visibility: hidden; } .page-numbers li { font-size: 14px; display: inline; } .zilla-likes-count { font-size: 12px; } #infinite-handle span { text-transform: uppercase; } span.infinite-loader { margin: 15px 45%; } .format-quote .sharedaddy { background: #FFF; color: #404040; padding-top: 20px; } .format-quote div.sharedaddy h3.sd-title:before { border-color: #ddd; } .format-link .sharedaddy { color: #FFF; } .format-link div.sharedaddy h3.sd-title:before { border-color: #FFF; } .woocommerce .woocommerce-breadcrumb, .woocommerce-breadcrumb { font-size: 13px; margin: 0; } .woocommerce .page-header { padding-bottom: 91px; } .wooshop-title { float: left; max-width: 70%; } .woocommerce .header-cart { float: right; } ul.header-cart { list-style: none; margin: 0; } .header-cart li a { text-decoration: none; padding: 10px 0; font-size: 12px; } .header-cart li a:before { content: '\f447'; display: inline-block; -webkit-font-smoothing: antialiased; font: normal 18px/1 'Genericons'; vertical-align: middle; } .status { float: left; margin-right: 10px; margin-left: 10px; } .entry-meta .genericon { background: #444; color: #FFF; font: normal 24px/1.5 'Genericons'; width: 36px; height: 36px; } .entry-title .genericon { font: normal 32px/1 'Genericons'; } .home-posts-description iframe, .home-posts-description embed, .home-posts-description object { width: 100%; } .home-posts-description .x-caption-text { display: none; } .blog .format-aside .entry-title, .archive .format-aside .entry-title { display: none; } .format-link p a:before { font-family: "FontAwesome"; content: '\f0c1'; display: inline-block; font-size: 20px; font-style: normal; font-weight: normal; line-height: 1; padding-right: 10px; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .format-aside .entry-content, .format-status .entry-content, .format-link .entry-content { padding: 20px 0; } .format-status .entry-content, .format-aside .entry-content { border: solid 3px #dddddd; padding: 20px 12px 0 12px; } .format-link .entry-content { text-align: center; } .format-link .entry-content div[class*="genericon-link"]::before { color: #FFF; } .format-link p a { font-size: 18px; font-weight: bold; padding: 20px 0; } .single .format-link .entry-content a { display: inline-block; font-size: 18px; margin-bottom: 40px; } .mejs-container { margin-bottom: 20px; } div.metka.genericon { background: #444; color: #FFF; padding: 0 5px; width: 26px; } div.metka.genericon.genericon-status, div.metka.genericon.genericon-link, div.metka.genericon.genericon-aside { background: none; padding: 0; } div[class*="genericon-link"]::before, div[class*="genericon-aside"]::before, div[class*="genericon-status"]::before { font-family: "FontAwesome"; display: inline-block; font-size: 18px; font-style: normal; font-weight: normal; line-height: 1.6; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: ''; color: #404040; } div[class*="genericon-link"]::before { content: '\f0c1'; } div[class*="genericon-aside"]::before { content: '\f069'; } div[class*="genericon-status"]::before { content: '\f024'; } .entry-content span.genericon.genericon-quote { font-size: 24px; } a.widget-format-link::before { font-family: "FontAwesome"; display: inline-block; font-size: 18px; font-style: normal; font-weight: normal; line-height: 1.6; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: ''; } a.widget-format-link[href*="aside"]::before { content: '\f069'; } a.widget-format-link[href*="quote"]::before { content: '\f10d'; } a.widget-format-link[href*="gallery"]::before { content: '\f03e'; } a.widget-format-link[href*="video"]::before { content: '\f16a'; } #content .entry-content .gallery a img, #content .entry-content .gallery img { border: 0; } .image-navigation { padding-top: 15px; } .entry-content .flexslider { margin: 0 0 0; } .entry-content .flexslider ul { margin-bottom: 0; } .archive .flexslider, .home-posts-description .flexslider { margin: 0; } .cat-links:before, .tags-links:before { margin-right: -4px; } .author, .cat-links, .posted-on, .tags-links { margin-right: 2px; } .author:before, .posted-on:before, .cat-links:before, .tags-links:before { display: inline-block; color: #ccc; font-size: 16px; font-family: 'Genericons'; text-decoration: inherit; font-weight: normal; font-style: normal; vertical-align: top; } .posted { padding: 0 0 5px; } .comment-list form#commentform { display: block; } form#commentform { display: none; } .comment-reply-title { cursor: pointer; padding: 4px; background: #f8f8f8; border: 1px solid #cccccc; box-shadow: 0 1px 0 rgba(0,0,0,.08); } .comment-reply-title:hover { border: 1px solid #bbb; } .comment-list .comment-reply-title, .comment-reply-title.active { background: none; cursor: default; border: none; box-shadow: none; } .comments-area #reply-title, .comments-area .comment-notes { text-align: center; } .comment-list #reply-title, .comment-list .comment-notes { text-align: left; } .required { color: #dd4b38; } .comments-area { margin-bottom: 40px; margin-top: 20px; } .comments-area .comments-title { font-size: 18px; line-height: 24px; } .comments-area .comment-list { list-style: none; padding: 0; margin: 40px 0 0 0; } .comments-area ul.children { list-style: none; padding-left: 56px; margin: 0; } .comments-area article { margin: 0; padding: 20px 0 32px 0; border-top: solid 1px #dddddd; border-bottom: none; } .comments-area .comment-content h1 { font-size: 14px; } .comments-area .comment-content h2, .comments-area .comment-content h3, .comments-area .comment-content h4, .comments-area .comment-content h5, .comments-area .comment-content h6 { font-size: 14px; } .comments-area .comment-content h1, .comments-area .comment-content h2, .comments-area .comment-content h3, .comments-area .comment-content h4, .comments-area .comment-content h5 { margin: 20px 0; } .comments-area .comment-content blockquote { background: none; } .comments-area .comment-content, .comments-area .reply, .comments-area li.comment #respond { margin-left: 45px; } .comment-content { } .comment-content p { font-family: "Open Sans", Helvetica, Arial, sans-serif; font-size: 14px; color: #666; } .comments-area footer { margin-bottom: 20px; } .comments-area footer .comment-author, .comments-area footer .comment-meta { display: inline-block; font-size: 12px; } .comments-area footer cite { font-style: normal; } .comments-area footer .says { display: none; } .comments-area footer .comment-author, .comment-metadata { font-family: "Open Sans", Helvetica, Arial, sans-serif; font-size: 11px; } .fn { font-family: "Open Sans", Helvetica, Arial, sans-serif; } cite.fn { color: #3a3a3a; } cite.fn a.url { color: #f16272; } .comment-metadata { margin-left: 45px; margin-top: 5px; } .comment-respond p.form-allowed-tags, .comment-respond p.form-allowed-tags code { display: none; } .comments-area footer .comment-author a { text-decoration: none; } .comments-area footer .comment-author a:hover { color: #f16272; } .comments-area footer .comment-author .avatar { position: relative; top: 12px; margin-right: 10px; } .comments-area footer .comment-meta { margin-left: 4px; } .comments-area footer .comment-meta, .comments-area footer .comment-meta a { color: #aaaaaa; text-decoration: none; font-size: 12px; } .comments-area footer .comment-meta:hover, .comments-area footer .comment-meta a:hover { color: #f16272; } .comments-area #respond { padding-top: 40px; } .comments-area #reply-title { font-size: 18px; margin-bottom: 10px; } #commentform label { display: block; } #commentform label .required { color: red; } #comments { font-size: 12px; } .pingback { font-size: 11px; color: #444; margin-bottom: 10px; } .comments-area .reply:before { content: '\f112'; color: #ddd; font-family: "FontAwesome"; display: inline-block; font-size: 14px; font-style: normal; font-weight: normal; line-height: 1; padding-right: 5px; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .edit-link:before { content: '\f411'; display: inline-block; -webkit-font-smoothing: antialiased; font: normal 16px/1 'Genericons'; vertical-align: middle; } .edit-link { display: block; margin-top: 10px; } a#scroll-up { bottom: 20px; position: fixed; right: 50%; display: none; background-color: #2c2c2c; opacity: 0.9; filter: alpha(opacity=90); padding: 3px 10px; border-radius: 2px; font-size: 20px; } button, html input[type="button"], input[type="reset"], input[type="submit"] { background: #00a5e7; cursor: pointer; -webkit-appearance: button; text-decoration: none; padding: 10px 16px; font-family: "Open Sans", Helvetica, Arial, sans-serif; line-height: 16px; font-size: 14px; letter-spacing: 1px; white-space: nowrap; border-bottom: none; border-right: none; border-top: none; border-left: none; color: #FFF; text-transform: uppercase; } button:hover, html input[type="button"]:hover, input[type="reset"]:hover, input[type="submit"]:hover { background: #f16272; } .btn, .site-header a.btn, .site-content a.btn, .site-footer a.btn { color: #FFF; text-decoration: none; font-weight: bold; font-family: "Open Sans", Helvetica, Arial, sans-serif; font-size: 14px; text-transform: uppercase; letter-spacing: 1px; box-shadow: inset 0 -2px 0 0 rgba(0,0,0,0.1); -webkit-box-shadow: inset 0 -2px 0 0 rgba(0, 0, 0, 0.1); -moz-box-shadow: inset 0 -2px 0 0 rgba(0, 0, 0, 0.1); } #content a.btn:hover { color: #FFF; text-decoration: none; } .btn.large { padding: 16px 42px; font-size: 24px; } .btn, .btn.small { padding: 8px 28px; font-size: 16px; } .btn.orange { background: #ff7f66; } .btn.orange:hover, .btn.orange:focus { background: #ff7257; } .btn.orange.active, .btn.orange:active { background: #ff6547; } .btn.blue { background: #2185c5; } .btn.blue:hover, .btn.blue:focus { background: #1f7cb8; } .btn.blue.active, .btn.blue:active { background: #1d73ab; } .btn.red { background: #e85451; } .btn.red:hover, .btn.red:focus { background: #e64743; } .btn.red.active, .btn.red:active { background: #e85451; } .btn.green { background: #228B22; } .btn.green:hover, .btn.green:focus { background: #01bf80; } .btn.green.active, .btn.green:active { background: #228B22; } input[type="text"], input[type="email"], input[type="url"], input[type="password"], input[type="search"], textarea { background-color: #FFF; border: 2px solid #E4E4E4; border-radius: 2px; color: #666; display: block; font: inherit; margin: 5px 0 10px; outline: none!important; padding: 7px 15px; max-width: 98%; -webkit-appearance: none; -webkit-transition: all .1s; -moz-transition: all .1s; -ms-transition: all .1s; -o-transition: all .1s; } textarea { resize: vertical; } #secondary input[type="text"], #secondary input[type="email"], #secondary input[type="url"], #secondary input[type="password"], #secondary textarea { max-width: 86%; } .site-footer input[type="search"], #secondary input[type="search"] { width: 86%; } #primary input[type="search"] { width: 50%; } input[type="text"]:focus, input[type="email"]:focus, input[type="url"]:focus, input[type="password"]:focus, input[type="search"]:focus, textarea:focus { color: #222; border: 2px solid #00a5e7; } div.wpcf7 { margin-top: 20px; margin-bottom: 40px; } .wpcf7-form span.wpcf7-form-control-wrap { display: block; margin-bottom: 20px; position: relative; } .wpcf7-form p { font-size: 13px; margin: 10px 0 0; } .wpcf7-form p:last-of-type { margin: 0; } div.wpcf7-validation-errors { margin: 25px 0 0; } span.wpcf7-not-valid-tip { font-size: 0.95em; font-family: 'Verdana'; } .wpcf7-response-output { background: #f4f4f4; color: #888; display: none; line-height: 1.45em; margin-top: 30px; padding: 12px; text-align: center; } input.wpcf7-not-valid[type="text"], input.wpcf7-not-valid[type="password"], input.wpcf7-not-valid[type="email"], input.wpcf7-not-valid[type="url"], input.wpcf7-not-valid[type="tel"], textarea.wpcf7-not-valid { border-color: #FF4847; } .author-avatar, .author-description { float: left; } .author-avatar { width: 80px; } .author-description { margin-left: 10px; width: 70%; } .author-description h4 { line-height: 1; margin-bottom: 8px; } .author-description p { font-size: 13px; } .author-follow { margin-left: 90px; } .widget .author-follow .fa { margin-right: 0; } .author-follow .fa { color: #FFF; padding: 5px; width: 24px; } .author-follow .fa-twitter { background: #33ccff; } .author-follow .fa-google-plus { background: #dd4b39; } .author-follow .fa-facebook { background: #3b5998; } .featured-page { border: 1px solid #dedede; } .featured-page h3, .featured-page p { padding: 10px; } .featured-page p.widget-title { padding: 10px 0; margin: 0; text-align: center; } .featured-page h3.widget-title { font-weight: 400; margin-bottom: 10px; } #secondary .featured-page h3.widget-title { font-weight: 600; font-size: 18px; } .image-text-widget, .icon-widget { text-align: center; } .icon-widget .fa { font-size: 42px; line-height: 1.5; } .green.fa { color: #31c493; } .blue.fa { color: #00a5e7; } .red.fa { color: #f16272; } .btn.green { background-color: #31c493; } .btn.blue { background-color: #00a5e7; } .btn.red { background-color: #f16272; } .btn.default { background-color: #f16272; } .call-to-action { padding: 4% 6%; } #secondary .call-to-action { text-align: center; } #secondary .call-to-action-button { margin: 20px 0 15px 0; } #prebefore-home-widget .call-to-action { } #prebefore-home-widget .call-to-action-text { float: left; width: 60%; } #prebefore-home-widget .call-to-action-button { float: right; } @media screen and (max-width: 790px) { #prebefore-home-widget .call-to-action-text { float: none; width: 100%; text-align: center; padding-bottom: 30px; } #prebefore-home-widget .call-to-action-button { float: none; text-align: center; }; } .call-to-action-text h3 { font-size: 24px; line-height: 1.2; } #prebefore-home-widget h3 { margin: 0; } #prebefore-home-widget .call-to-action-button a.btn { padding: 15px 30px; font-size: 18px; line-height: 1.5; } .widget-area .widget { margin-bottom: 40px; } .widget-area .widget ul, .site-footer ul { list-style: none; margin: 0; } .widget_nav_menu .menu ul li { margin: 5px 0 5px 10px; } .widget ul li { margin: 5px 0 0 0; } .widget-area .widget-title a { color: #3a3a3a; } .widget-area .widget-title a:hover { color: #f16272; } .widget-area .widget_recent_entries .post-date { color: #aaaaaa; } #home-widget .widget-title { font-size: 20px; font-weight: 600; text-align: center; } #home-txt { font-size: 20px; text-align: center; padding: 20px 0; } #home-txt span, .widget-title span { text-transform: uppercase; border-bottom: solid 2px #2c2c2c; } #home-txt span a { text-decoration: none; } .textwidget, .widget-area { font-size: 14px; } .widget-title { font-size: 0.9em; color: #525252; font-weight: 700; margin-bottom: 20px; text-transform: uppercase; } #aside-post-format-widget .hentry, #quote-post-format-widget .hentry, #gallery-post-format-widget .hentry, #video-post-format-widget .hentry { padding: 0; margin: 0; } #quote-post-format-widget p:before { font-family: "FontAwesome"; display: inline-block; font-size: 18px; font-style: normal; font-weight: normal; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: '\f10d'; padding-right: 5px; vertical-align: middle; } #quote-post-format-widget { background: #00a5e7; color: #FFF; padding: 10px 15px; } .widget time.entry-date { font-size: 12px; } #wp-calendar { width: 100%; font-size: 11px; } #wp-calendar thead th { background: #f5f5f5; border: 1px solid #ddd; border-top: none; font-size: 11px; } #wp-calendar tbody td { text-align: center; border: 1px solid #ddd; line-height: 2.5em; transition: background 0.15s ease; -webkit-transition: background 0.15s ease; -o-transition: background 0.15s ease; -moz-transition: background 0.15s ease; } #wp-calendar caption { text-align: center; margin-bottom: 5px; } td#next { text-align: right; } #wp-calendar tbody td a, #wp-calendar tbody td a:hover { color: #00a5e7; text-decoration: underline; } #wp-calendar tfoot td { padding-top: 1px; padding: 4px; } #wp-calendar caption { font-size: 12px; text-transform: uppercase; margin: 0; padding: 12px; outline: 0 none !important; background: #f16272; color: #fff; } #wp-calendar tbody a { display: block; text-decoration: underline; } #wp-calendar th { text-align: center; border: 1px solid transparent; border-top: none; padding: 2px 0; color: #a7a7a7; } #wp-calendar tfoot td#next { text-align: right; } #footer #wp-calendar thead th { background: #232323; } #footer #wp-calendar thead th, #footer #wp-calendar tbody td { border-color: #333; } .site-footer h5 { font-size: 16px; font-weight: 600; margin-bottom: 15px; text-transform: uppercase; } .widget .fa { margin-right: 5px; } .widget p { margin-bottom: 1em; } .footerwidget-left li, .footerwidget-right li { list-style-type: none; margin-bottom: 10px; } .widget-footer ul { margin: 0; } .widget-footer h5 { font-size: 12px; font-weight: bold; margin-bottom: 15px; } .search-submit { display: none; } #home-sticky .half { float: left; text-align: left; width: 48%; } .col { float: left; margin-left: 3.2%; margin-bottom: 30px; } .grid4 .col { width: 22.6%; } .grid3 .col { width: 31.2%; } .grid2 .col { width: 48.4%; } .grid4 .col:nth-of-type(4n+1), .grid3 .col:nth-of-type(3n+1), .grid2 .col:nth-of-type(2n+1) { margin-left: 0; clear: left; } @media screen and (max-width: 900px) { .grid4 .col { width: 48.4%; } .grid4 .col:nth-of-type(3n+1) { margin-left: 3.2%; clear: none; } .grid4 .col:nth-of-type(2n+1) { margin-left: 0; clear: left; } .grid3 .col { width: 31.2%; } .grid3 .col:nth-of-type(3n+1) { margin-left: 0; clear: none; }; } @media screen and (max-width: 650px) { .col { width: 100% !important; margin-left: 0 !important; clear: none !important; }; } @media (min-width: 960px) { .menu-toggle { display: none; } .main-navigation ul.nav-menu, .main-navigation div.nav-menu > ul { display: inline-block !important; } .main-navigation ul { margin: 0; text-indent: 0; } .main-navigation li a, .main-navigation li { display: inline-block; text-decoration: none; } .main-navigation li a:hover { color: #fff; } .main-navigation li { position: relative; } .main-navigation li ul { display: none; margin: 0; padding: 0; position: absolute; top: 100%; z-index: 1; } .main-navigation li ul ul { top: 0; left: 100%; } .main-navigation ul li:hover > ul { border-left: 0; display: block; } .nav-menu li { font-size: 12px; } .main-navigation li ul li a { background: #fff; border-bottom: 1px solid #eaeaea; display: block; font-size: 12px; line-height: 20px; padding: 20px; width: 180px; white-space: normal; color: #666; } .main-navigation li ul li a:hover { background: #e3e3e3; color: #444; } .main-navigation .current-menu-item > a, .main-navigation .current-menu-ancestor > a, .main-navigation .current_page_item > a, .main-navigation .current_page_ancestor > a { color: #636363; font-weight: bold; }; } @media (max-width: 959px) { #home-sticky .half { float: none; text-align: center; width: 100%; } #home-sticky .page-title { margin: 0; padding: 20px 0; } .main-navigation { padding: 0; text-align: center; line-height: 1.5em; } .nav-menu li a { padding: 0; } .main-navigation li { float: none; } .menu-main ul ul { display: none; } .nav-menu ul li ul li { background: #aaa; } .main-navigation ul ul a { width: 100%; } .nav-menu li { font-size: 16px; } ul.nav-menu li a { color: #ccc; display: block; padding: 10px 0 10px 0; } .call-action-content { text-align: center; } .call-action-but, .call-action-txt { display: block; float: none; } .call-action-txt { margin-bottom: 20px; } .site-content .entry-content blockquote, .site-content .comment-content blockquote { padding: 1% 0 4% 6%; } .site-footer input[type="search"], #primary input[type="search"], #secondary input[type="search"] { width: 90%; } .grid3 .post.col { width: 48.4%; }; } @media (max-width: 900px) { #wrap { width: 87%; } #primary, #secondary, .no-sidebar .entry-content, .no-sidebar .comments-area { width: 100%; } #primary { margin-right: 0; } #secondary { margin-top: 40px; margin-left: 0; }; } @media (max-width: 700px) { .site-content .entry-content blockquote, .site-content .comment-content blockquote { margin: 0; padding: 1% 0 4% 8%; } .single .site-content .entry-title, .site-content .entry-content h1, .site-content .comment-content h1 { font-size: 28px; line-height: 38px; } .single .site-content .related-content { padding-bottom: 20px; } .single .site-content .related-content .related-content-title { margin-left: 0; } .single .site-content .related-content article { width: 100%; padding: 20px 0 0 0; margin: 0; } .single .site-content .has-post-thumbnail .entry-thumbnail { } .entry-thumbnail { width: 100%; height: auto; margin: 0; float: none; } .entry-excerpt { } .comments-area ul.children { padding-left: 0; }; } @media (max-width: 650px) { #logo { float: none; width: 98%; text-align: center; } .title-group { display: block; padding: 5px; } .img-home-post { height: auto; max-height: 350px; } #pagefeature { padding: 5px 0; } .site-info, .site-info #menu-social { text-align: center; } .home.blog #masonry .hentry { float: none; padding: 2%; width: 100%; }; } @media (max-width: 480px) { #wrap { width: 100%; margin: 0; } .site-content { padding: 10px; }; } #footer-credit { display: none; }