/* Theme Name: Basilico Theme URI: http://simplefly.nl/basilico Description: Not just another Wordpress theme. Version: 1.0 Author: Simplefly Author URI: http://simplefly.nl License: GNU General Public License v2 or later Tags: green, two-columns, responsive-layout, custom-background, custom-colors, featured-image-header, featured-images, flexible-header, post-formats, sticky-post, theme-options, photoblogging License URI: http://www.gnu.org/licenses/gpl-2.0.html */ @import url(http://fonts.googleapis.com/css?family=Ubuntu:400,500); @import url(http://fonts.googleapis.com/css?family=Open+Sans:400,700,300,600); /* //////////////////////////////////////////////////////////////////////////// Reset CSS styles //////////////////////////////////////////////////////////////////////////// */ 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; } /* HTML5 display-role reset for older browsers */ .article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; } body { font-family: 'Open Sans', sans-serif; font-weight: 400; font-size: 0.9em; letter-spacing: 0.04em; } blockquote, q { quotes: none; } blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; } table { border-collapse: collapse; border-spacing: 0; } /* //////////////////////////////////////////////////////////////////////////// Clearfix //////////////////////////////////////////////////////////////////////////// */ .clearfix:before, .container:after { content: ""; display: table; } .clearfix:after { clear: both; } /* //////////////////////////////////////////////////////////////////////////// Theme setup standard styles //////////////////////////////////////////////////////////////////////////// */ .article_header,.button a,#bar1,#bar2,#bar3,thead th,.widget_title,#footer,nav ul li a:hover,nav ul li.current_page_item > a,.nav-previous a,.nav-next a{ background-color:#1b9145; } .single_article_author span,.single_article_author span a,.cbp-spmenu .menu-item-has-children:before,ol li,h1,h2,h3,h4,hr,a{ color:#1b9145; } hr{ border-top: 2px solid #1b9145; } /* //////////////////////////////////////////////////////////////////////////// General styles //////////////////////////////////////////////////////////////////////////// */ #wrapper{ height:100%; width:100%; } #container { padding-top:55px; margin:0 auto; position:relative; display: block; padding-bottom:55px; } #overflow_container{ width:100%; height:100%; position:relative; z-index:5555; background-attachment: fixed; } #container:after{ clear: both; content: ""; display: block; } a{ font-family: 'Open Sans', sans-serif; font-weight:400; } p{ font-family: 'Open Sans', sans-serif; font-weight:400; color:#121212; line-height: 25px; font-size: 0.9em; letter-spacing: 0.04em; } hr{ display: block; height: 3px; border: 0; } h1{ font-family: 'Ubuntu', sans-serif; font-weight:500; font-size:2em; } h2{ font-family: 'Ubuntu', sans-serif; font-weight:500; letter-spacing:0.06em; } h3{ font-family: 'Open Sans', sans-serif; font-weight:600; font-size:1.4em; letter-spacing:0.06em; } h4{ font-family: 'Open Sans', sans-serif; font-weight:600; font-size:1.2em; letter-spacing:0.06em; } input:focus{ outline: 0; outline-width: 0; } @media screen and (min-width: 1140px) { #container { width:1140px; } h2{ font-size:1.6em; } } @media (min-width: 740px) and (max-width: 1140px) { #container { width:680px; } h2{ font-size:1.3em; } } @media screen and (max-width: 740px) { #container { width:95%; } h2{ font-size:1.3em; } } /* //////////////////////////////////////////////////////////////////////////// WordPress Core //////////////////////////////////////////////////////////////////////////// */ .sticky{ box-shadow: 0px 0px 59px -12px #2f2f2f; } .gallery-caption{ } .bypostauthor{ } .comment-form-comment label{ width:100%; display:block; } .size-auto, .size-full, .size-large, .size-medium, .size-thumbnail { max-width: 100%; height: auto; } #respond, .comment{ margin-top:50px; } .alignnone { margin: 5px 20px 20px 0; } .aligncenter, div.aligncenter { display: block; margin: 5px auto 5px auto; } .alignright { float:right; margin: 5px 0 20px 20px; } .alignleft { float: left; margin: 5px 20px 20px 0; } a img.alignright { float: right; margin: 5px 0 20px 20px; } a img.alignnone { margin: 5px 20px 20px 0; } a img.alignleft { float: left; margin: 5px 20px 20px 0; } a img.aligncenter { display: block; margin-left: auto; margin-right: auto } .wp-caption { background: #fff; border: 1px solid #f0f0f0; max-width: 96%; /* Image does not overflow the content area */ padding: 5px 3px 10px; text-align: center; } .wp-caption.alignnone { margin: 5px 20px 20px 0; } .wp-caption.alignleft { margin: 5px 20px 20px 0; } .wp-caption.alignright { margin: 5px 0 20px 20px; } .wp-caption img { border: 0 none; height: auto; margin: 0; max-width: 98.5%; padding: 0; width: auto; } .wp-caption p.wp-caption-text { font-size: 11px; line-height: 17px; margin: 0; padding: 0 4px 5px; } /* //////////////////////////////////////////////////////////////////////////// Header //////////////////////////////////////////////////////////////////////////// */ #full_header{ display:block; position:relative; background-color:#f1f1f1; } #header { width:100%; background-color:rgba(242,242,242,0.95); right:0; z-index:9999; } .header_container{ margin:0 auto; } .logo{ float:left; } .f-nav { position: fixed!important; z-index: 9999!important; } @media screen and (min-width: 1140px) { #full_header{ display:block; height:108px; } #header{ height:108px; -webkit-transition: all 400ms ease-in-out; -moz-transition: all 400ms ease-in-out; -o-transition: all 400ms ease-in-out; -ms-transition: all 400ms ease-in-out; transition: all 400ms ease-in-out; } .ssslide{ top:108px; } #header .ssslide { top:108px; } #header.menu-height{ height:70px!important; } .body-menu-height .ssslide { top:70px!important; } .header_container{ width:1140px; } .logo{ height:108px; -webkit-transition: all 400ms ease-in-out; -moz-transition: all 400ms ease-in-out; -o-transition: all 400ms ease-in-out; -ms-transition: all 400ms ease-in-out; transition: all 400ms ease-in-out; } #header.menu-height .logo img{ padding-top:10px!important; width:220px!important; } #header.menu-height .logo{ height:70px!important; } .logo img{ width:250px; height:auto; padding-top:25px; -webkit-transition: all 400ms ease-in-out; -moz-transition: all 400ms ease-in-out; -o-transition: all 400ms ease-in-out; -ms-transition: all 400ms ease-in-out; transition: all 400ms ease-in-out; } } @media screen and (max-width: 1140px) { #full_header{ height:50px; } #header{ height:50px; } .body-menu-height .ssslide { top:50px!important; } .header_container{ width:100%; } .logo{ height:78px; padding-left:20px; } .logo img{ width:150px; padding-top:8px; } } /* //////////////////////////////////////////////////////////////////////////// Search //////////////////////////////////////////////////////////////////////////// */ #searchform{ width:205px; height:35px; list-style-type:none; } #searchform input[type=text]{ width:160px; height:25px; float:left; border:0; padding:5px; background-color:#fff; -moz-border-radius-topleft: 10px; -webkit-border-top-left-radius: 10px; border-top-left-radius: 10px; -moz-border-radius-bottomleft: 10px; -webkit-border-bottom-left-radius: 10px; border-bottom-left-radius: 10px; -moz-border-radius-bottomright: 0px; -webkit-border-bottom-right-radius: 0px; border-bottom-right-radius: 0px; -moz-border-radius-topright: 0px; -webkit-border-top-right-radius: 0px; border-top-right-radius: 0px; -webkit-appearance: none; } #searchform input[type=submit]{ cursor:pointer; display:block; width:35px; height:35px; float:left; list-style-type:none; background-color:#e8e8e8; background-image:url(img/search.png); background-repeat:no-repeat; background-position:center; background-size:15px; -moz-border-radius-bottomright: 10px; -webkit-border-bottom-right-radius: 10px; border-bottom-right-radius: 10px; -moz-border-radius-topright: 10px; -webkit-border-top-right-radius: 10px; border-top-right-radius: 10px; -moz-border-radius-bottomleft: 0px; -webkit-border-bottom-left-radius: 0px; border-bottom-left-radius: 0px; -moz-border-radius-topleft: 0px; -webkit-border-top-left-radius: 0px; border-top-left-radius: 0px; } #searchform input[type=submit]:hover{ background-color:#c5c5c5; -webkit-transition: all 150ms ease-in-out; -moz-transition: all 150ms ease-in-out; -o-transition: all 150ms ease-in-out; -ms-transition: all 150ms ease-in-out; transition: all 150ms ease-in-out; } ::-webkit-search-cancel-button { content: ''; display: block; width: 14px; height: 11px; background-image: url(img/cross.png); background-repeat: no-repeat; background-size: 11px; background-position: top left; -webkit-appearance: none; } #sidebar .widget #searchform{ margin:0 auto; padding-top:30px; float:none; } @media screen and (min-width: 1140px) { #searchform{ margin-top:36px; float:right; -webkit-transition: margin-top 400ms ease-in-out; -moz-transition: margin-top 400ms ease-in-out; -o-transition: margin-top 400ms ease-in-out; -ms-transition: margin-top 400ms ease-in-out; transition: margin-top 400ms ease-in-out; } #header.menu-height #searchform{ margin-top:17px; } } @media screen and (max-width: 1140px) { #searchform{ margin-top:50px; padding:0px 21px 5px 21px; float:left; } } /* //////////////////////////////////////////////////////////////////////////// Full Menu //////////////////////////////////////////////////////////////////////////// */ nav#full_size_nav{ float:right; margin-top:40px; -webkit-transition: margin-top 400ms ease-in-out; -moz-transition: margin-top 400ms ease-in-out; -o-transition: margin-top 400ms ease-in-out; -ms-transition: margin-top 400ms ease-in-out; transition: margin-top 400ms ease-in-out; } #header.menu-height nav#full_size_nav{ margin-top:21px!important; } nav.cbp-spmenu-right ul li{ padding-top:5px; } nav#full_size_nav ul li{ float:left; padding-right:15px; list-style-type:none; } nav ul li a{ display:block; text-decoration:none; color:#2f2f2f; letter-spacing:0.07em; padding:7px 13px; font-size:0.8em; font-weight:400; text-transform:uppercase; border-radius: 7px; } nav ul li a:hover{ -webkit-border-radius: 7px; -moz-border-radius: 7px; color:#fff; -webkit-transition: all 150ms ease-in-out; -moz-transition: all 150ms ease-in-out; -o-transition: all 150ms ease-in-out; -ms-transition: all 150ms ease-in-out; transition: all 150ms ease-in-out; } nav ul li.current_page_item > a{ color:#fff; } @media screen and (min-width: 1140px) { #cbp-spmenu-s2,#showRightPush{ display:none!important; } nav ul li a{ padding:7px 13px; font-weight:400; } } @media screen and (max-width: 1140px) { #full_size_nav,.full_search{ display:none!important; } nav ul{ padding-left:21px; } nav ul li{ width:182px; } nav ul li a{ font-weight:600; padding:12px 12px; width:182px; } } nav ul { list-style: none; margin: 0; padding: 0; } nav li{ position: relative; margin: 0; padding: 0; } nav li:hover{ z-index: 1; cursor: pointer; } #full_size_nav ul ul li.current-menu-item a{ -moz-border-radius:0px; -webkit-border-radius:0px; border-radius:0px; } #full_size_nav ul ul li:first-child .current-menu-item{ -moz-border-radius: 7px 7px 0px 0px; -webkit-border-radius: 7px 7px 0px 0px; border-radius: 7px 7px 0px 0px; } #full_size_nav ul ul li:last-child .current-menu-item{ -moz-border-radius: 7px 7px 0px 0px; -webkit-border-radius: 7px 7px 0px 0px; border-radius: 7px 7px 0px 0px; } #full_size_nav ul ul{ position: absolute; display: none; top: 29px; width:200px; } #full_size_nav ul ul li{ width:200px; padding-right:0; } #full_size_nav ul ul li:nth-child(odd){ background-color:#f3f3f3; } #full_size_nav ul ul li:nth-child(even){ background-color:#e8e8e8; } #full_size_nav ul ul li:first-child{ -moz-border-radius: 7px 7px 0px 0px; -webkit-border-radius: 7px 7px 0px 0px; border-radius: 7px 7px 0px 0px; } #full_size_nav ul ul li:first-child a{ -moz-border-radius: 7px 7px 0px 0px; -webkit-border-radius: 7px 7px 0px 0px; border-radius: 7px 7px 0px 0px; } #full_size_nav ul ul li:last-child { -moz-border-radius:0px 0px 7px 7px; -webkit-border-radius:0px 0px 7px 7px; border-radius:0px 0px 7px 7px; } #full_size_nav ul ul li:last-child a{ -moz-border-radius:0px 0px 7px 7px; -webkit-border-radius:0px 0px 7px 7px; border-radius:0px 0px 7px 7px; } #full_size_nav li:hover ul ul{ display: none; } #full_size_nav ul ul li a{ padding:15px 20px; } #full_size_nav ul ul li a:hover{ -moz-border-radius:0; -webkit-border-radius:0; border-radius:0; } #full_size_nav ul ul li:first-child a{ -moz-border-radius: 7px 7px 0px 0px; -webkit-border-radius: 7px 7px 0px 0px; border-radius: 7px 7px 0px 0px; } #full_size_nav ul ul ul li:first-child a{ -moz-border-radius: 7px 7px 0px 0px; -webkit-border-radius: 7px 7px 0px 0px; border-radius: 7px 7px 0px 0px; } #full_size_nav ul ul li:last-child a{ -moz-border-radius:0px 0px 7px 7px; -webkit-border-radius:0px 0px 7px 7px; border-radius:0px 0px 7px 7px; } #full_size_nav li:hover > ul, #full_size_nav li:hover li:hover > ul{ display: block; } #full_size_nav ul ul li:only-child a:hover{ -moz-border-radius:7px 7px 7px 7px; -webkit-border-radius:7px 7px 7px 7px; border-radius:7px 7px 7px 7px; } #full_size_nav ul ul ul{ left:200px; top:0; display:none; } /* //////////////////////////////////////////////////////////////////////////// Responsive Menu //////////////////////////////////////////////////////////////////////////// */ #showRightPush{ position:relative; display:block; float:right; width:27px; height:27px; padding:12px; cursor:pointer; right:0; } .cbp-spmenu ul li{ float:left; margin-left:21px; list-style-type:none; } .cbp-spmenu { background: #f2f2f2; position: fixed; } .cbp-spmenu.active { right:0; } .cbp-spmenu-vertical { width: 250px; height: 100%; top: 0; z-index: 9999; } .cbp-spmenu-right { right: -250px; } .cbp-spmenu-right.cbp-spmenu-open { right: 0px; } .cbp-spmenu-push { overflow-x: hidden; position: relative; left: 0; } .cbp-spmenu-push-toleft { left: -250px; } .cbp-spmenu, .cbp-spmenu-push { -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; transition: all 0.3s ease; } .cbp-spmenu .sub-menu{ display:none; } .cbp-spmenu .menu-item-has-children{ position:relative; } .cbp-spmenu .menu-item-has-children:before { position:absolute; font-family: FontAwesome; top:18px; right:0; content: "\f067"; } .cbp-spmenu .current-menu-item.menu-item-has-children:before{ color:#fff; } .cbp-spmenu ul.menu { margin-left:22px; } /* //////////////////////////////////////////////////////////////////////////// Menu animation //////////////////////////////////////////////////////////////////////////// */ .menu-container:hover { cursor: pointer; } .menu-bar{ -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; } #bar1 { width: 27px; height: 4px; position: absolute; top: 12px; left:12px; -webkit-transform: rotate(00deg); -webkit-transform-origin: 9.5px 0px; -moz-transform: rotate(0deg); -moz-transform-origin: 9.5px 0px; -ms-transform: rotate(0deg); -ms-transform-origin: 9.5px 0px; transform: rotate(0deg); transform-origin: 9.5px 0px; } #bar2 { width: 27px; height: 4px; position: absolute; top: 23px; left:12px; -webkit-transform: rotate(0deg); -webkit-transform-origin: 9.5px 0px; -moz-transform: rotate(0deg); -moz-transform-origin: 9.5px 0px; -ms-transform: rotate(0deg); -ms-transform-origin: 9.5px 0px; transform: rotate(0deg); transform-origin: 9.5px 0px; } #bar3 { width: 27px; height: 4px; position: absolute; top: 34px; left:12px; -webkit-transform: rotate(0deg); -webkit-transform-origin: 9.5px 0px; -moz-transform: rotate(0deg); -moz-transform-origin: 9.5px 0px; -ms-transform: rotate(0deg); -ms-transform-origin: 9.5px 0px; transform: rotate(0deg); transform-origin: 9.5px 0px; } /* //////////////////////////////////////////////////////////////////////////// Slider //////////////////////////////////////////////////////////////////////////// */ .slider{ overflow:hidden; z-index:-9999; } .ssslide{ display: block; margin-left: auto; margin-right: auto; width: 100%; margin: 0; padding: 0; position: fixed; left: 0; display: none; overflow: hidden; -webkit-transition: top 400ms ease-in-out; -moz-transition: top 400ms ease-in-out; -o-transition: top 400ms ease-in-out; -ms-transition: top 400ms ease-in-out; transition: top 400ms ease-in-out; } .sss { height: 0; margin: 0; padding: 0; position: relative; display: block; overflow: hidden; } .ssslide img { max-width: 100%; height: auto; margin: 0; padding: 0; position: relative; display: block; } .sssnext{ background: url('img/right_arrow.png') no-repeat; } .sssprev{ background: url('img/left_arrow.png') no-repeat; } .sssnext, .sssprev { margin: 0; position: fixed; } .sssprev { left: 3%; background-position: 0 50%; } .sssnext { right: 3%; background-position: 0 50%; } .sssprev:hover, .sssnext:hover { cursor: pointer; opacity:0.8; -webkit-transition: opacity 350ms ease; -moz-transition: opacity 350ms ease; -o-transition: opacity 350ms ease; -ms-transition: opacity 350ms ease; transition: opacity 350ms ease; } @media screen and (min-width: 1140px) { .slider{ height:540px; } .sssnext, .sssprev { height: 540px; top: 108px; width: 75px; } } @media screen and (max-width: 1140px) { .slider{ height:270px; } .sssnext, .sssprev { height: 270px; top: 50px; width: 45px; background-size:45px 45px; } } @media screen and (max-width: 768px) { .slider{ display:none!important; } } /* //////////////////////////////////////////////////////////////////////////// Content //////////////////////////////////////////////////////////////////////////// */ .page #content{ padding-top: 15px; } #content { float:left; } @media screen and (min-width: 1140px) { #content { width:785px; } } @media (min-width: 740px) and (max-width: 1140px) { #content { width:680px; padding-bottom: 55px; } } @media screen and (max-width: 740px) { #content { width:100%; padding-bottom: 55px; } } /* //////////////////////////////////////////////////////////////////////////// Post loop //////////////////////////////////////////////////////////////////////////// */ .blog .article,.archive .article,.search .article{ -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; background-color:#e8e8e8; } .article:not(:first-child){ margin-top:55px; } .article_header{ height:78px; -moz-border-radius-topleft: 10px; -webkit-border-top-left-radius: 10px; border-top-left-radius: 10px; -moz-border-radius-topright: 10px; -webkit-border-top-right-radius: 10px; border-top-right-radius: 10px; } .article_date { float:left; width:60px; height:105px; background-image:url(img/date_bg.png); background-repeat:no-repeat; background-size:100% 100%; text-align:center; } .article_date h2,.article_date h3{ color:#fff; font-family: 'Open Sans', sans-serif; font-size:1.7em; padding-top:8px; } .article_date h2{ font-weight:700; letter-spacing:0.06em; } .article_date h3{ font-weight:400; letter-spacing:0.02em; } .article_title h2{ color:#fff; } .article_feautured_image{ padding-top:20px; } .article_feautured_image img{ width:100%; height:auto; } .article_excerpt{ padding-top:20px; position:relative; } .nav-previous,.nav-next{ margin-top:50px; cursor:pointer; } .nav-previous a,.nav-next a{ color:#fff; text-decoration:none; padding:12px 24px 12px 24px; border-radius:10px; } .nav-previous a:hover,.nav-next a:hover{ padding:11px 23px 11px 23px; margin:51px 1px 1px 1px; } @media screen and (min-width: 740px) { .article_date{ margin-left:30px; } .article_content{ padding:30px 30px 45px 30px; } .article_author{ float:right; padding:30px; } .article_author span{ color:#fff; font-family: 'Open Sans', sans-serif; letter-spacing: 0.06em; font-size: 0.8em; } .article_author span a{ color:#fff; text-decoration:underline; } .article_title{ float:left; } } @media screen and (min-width: 1140px) { .article{ width:785px; } .article_header{ width:785px; } .article_title h2{ padding:26px; } } @media (min-width:740px) and (max-width: 1140px) { .article{ width:680px; } .article_header{ width:680px; } .article_title h2{ padding:22px; } } @media screen and (max-width: 740px) { .article_date{ margin-left:15px; } .article_content{ padding:15px 15px 30px 15px; } .article{ width:100%; } .article_header{ width:100%; } .article_author{ display:none; } .article_title h2{ padding:10px; } .article_date { margin-right:10px; } } /* //////////////////////////////////////////////////////////////////////////// Single post //////////////////////////////////////////////////////////////////////////// */ .single_article_author{ float:left; padding:15px 0 20px 0; width: 100%; } .single_article_author span{ font-family: 'Open Sans', sans-serif; letter-spacing: 0.06em; font-size: 0.8em; } .single_article_author span a{ text-decoration:underline; } .single .article_feautured_image img{ -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; } /* //////////////////////////////////////////////////////////////////////////// Wordpress styles //////////////////////////////////////////////////////////////////////////// */ img.alignleft{ float:left; width:20%; margin:10px 10px 10px 0; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; } img.alignright{ float:right; width:20%; margin:10px 0 10px 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; } ol.ordered{ list-style-type: decimal; } ol.unordered{ list-style-type: disc; } ol li{ list-style-position: inside; font-family: 'Open Sans', sans-serif; font-weight:600; padding-top:5px; font-size:0.9em; } ol li span{ color:#2f2f2f; } .button{ padding-top:50px; } .button a{ padding:12px 24px 12px 24px; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; color:#fff; text-decoration:none; } .button a:hover{ padding:11px 23px 11px 23px; margin:1px; } table, th, td { border-collapse: collapse; font-family: 'Open Sans', sans-serif; font-weight:600; font-size:0.9em; } th, td { padding: 9px; text-align:center; } #wp-calendar tbody tr:first-of-type th:first-of-type,#wp-calendar tbody tr:first-of-type th:last-of-type,#wp-calendar tbody tr:last-of-type td:first-of-type,#wp-calendar tbody tr:last-of-type td:last-of-type{ border-radius:0; } tr:first-of-type th:first-of-type{ -moz-border-radius-topleft: 10px; -webkit-border-top-left-radius: 10px; border-top-left-radius: 10px; } tr:first-of-type th:last-of-type{ -moz-border-radius-topright: 10px; -webkit-border-top-right-radius: 10px; border-top-right-radius: 10px; } tr:last-of-type td:first-of-type{ -moz-border-radius-bottomleft: 10px; -webkit-border-bottom-left-radius: 10px; border-bottom-left-radius: 10px; } tr:last-of-type td:last-of-type{ -moz-border-radius-bottomright: 10px; -webkit-border-bottom-right-radius: 10px; border-bottom-right-radius: 10px; } th{ border-right:1px solid #fff; text-align:left; color:#fff; } th:last-of-type,td:last-of-type{ border-right:none; } td{ border-right:1px solid #cccccc; color:#2f2f2f; } tr:nth-child(even){ background-color:#f3f3f3; } tr:nth-child(odd){ background-color:#e8e8e8; } #wp-calendar thead tr:first-child{ background:0; } form{ width:100%; } form input,form textarea, form select{ -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; } form p{ display:block; width:100%; min-height:40px; padding-top:20px; float:left; } form span{ display:block; max-width:320px; width:100%; float:left; line-height:40px; font-weight:600; } form input{ display:block; max-width:310px; width:100%; float:left; border:none; background-color:#e8e8e8; height:30px; padding:5px; } form select, form select option{ height:40px; width:320px; display:block; width:100%; float:left; border:none; background-color:#e8e8e8; } form textarea{ display:block; float:left; border:none; padding:0; background-color:#e8e8e8; height:300px; } @media screen and (min-width: 690px) { form textarea{ width:320px; } } @media screen and (max-width: 690px) { form textarea{ width:100%; } } /* //////////////////////////////////////////////////////////////////////////// Sidebar //////////////////////////////////////////////////////////////////////////// */ #sidebar{ position:relative; display: block; } #sidebar #wp-calendar{ margin: 0 auto; } #sidebar .textwidget{ background-color:#f3f3f3; padding:15px; } .page .widget{ margin-top:15px; } .single .widget{ margin-top:20px; } .widget{ position:relative; display: block; } .widget:not(:first-child) { margin-top:55px; } .widget_title{ height:55px; -moz-border-radius-topleft: 10px; -webkit-border-top-left-radius: 10px; border-top-left-radius: 10px; -moz-border-radius-topright: 10px; -webkit-border-top-right-radius: 10px; border-top-right-radius: 10px; } .widget_title h4{ padding:18px; color:#fff; } .widget ul li{ height:45px; line-height:45px; padding-left:15px; list-style-type:none; } .widget ul li a{ color:#2f2f2f; text-decoration:none; font-size:0.9em; display:block; } .widget ul li a:hover{ text-decoration:underline; } .widget ul li:nth-child(odd){ background-color:#f3f3f3; } .widget ul li:nth-child(even){ background-color:#e8e8e8; } .widget ul li:last-child{ -moz-border-radius-bottomleft: 10px; -webkit-border-bottom-left-radius: 10px; border-bottom-left-radius: 10px; -moz-border-radius-bottomright: 10px; -webkit-border-bottom-right-radius: 10px; border-bottom-right-radius: 10px; } @media screen and (min-width: 1140px) { #sidebar{ float:right; width:300px; } .recent ul li{ width:300px; } .widget_title{ width:300px; } } @media screen and (max-width: 1140px) { #sidebar{ width:100%; float:left; } .recent ul li{ width:100%; } .widget_title{ width:100%; } } /* //////////////////////////////////////////////////////////////////////////// Footer //////////////////////////////////////////////////////////////////////////// */ #footer{ width:100%; position:absolute; color:#fff; } #footer p{ color:#fff; } li.footer_widget{ float:left; list-style-type:none; min-height:200px; } li.footer_widget:last-child{ margin-right:0!important; } #footer .footer_widget h3{ color:#fff; padding-bottom:20px; } .copyright_container{ width:100%; float:left; height:90px; } .copyright_container a{ color:#fff; } .copyright_container p{ text-align:center; font-size:0.8em; color:#fff; margin-top:40px; } li.footer_widget ul li{ color:#fff; padding-bottom:5px; } li.footer_widget ul li a{ color:#fff; } #footer #searchform{ margin-top:0; float:left; } #footer .textwidget{ color:#fff; } @media screen and (min-width: 1140px) { .footer_container{ width:1140px; padding-top:35px; margin:0 auto; } li.footer_widget{ width:249px; margin-right:36px; } } @media (min-width: 740px) and (max-width: 1140px) { .footer_container{ width:740px; margin:0 auto; } li.footer_widget{ width:285px; margin-right:90px; margin-top:15px; padding:20px; } li.footer_widget:nth-child(2){ margin-right:0px!important; } } @media screen and (max-width: 740px) { .footer_container{ width:320px; float:left; } li.footer_widget{ width:280px; margin-top:15px; padding:20px 20px 0px 20px; } li.footer_widget:nth-child(2){ margin-right:0px!important; } }