/* Theme Name: Enfold Child Description: A Child Theme for the Enfold Wordpress Theme. If you plan to do a lot of file modifications we recommend to use this Theme instead of the original Theme. Updating wil be much easier then. Version: 1.0 Author: Kriesi Author URI: http://www.kriesi.at Template: enfold */ /*Add your own styles here:*/ /* BODY */ /* --------------------------- */ html { font-size: 100%; overflow-y: scroll; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%;/* background-color: #000; */ } html, button, input, select, textarea { font-family: "Open Sans", Helvetica, sans-serif; } body { color: #141412 ; line-height: 1.5; margin: 0; background: #fff ; /* #635349 */ } a { color: #bc360a; text-decoration: none; -webkit-transition: color 0.4s ease-out; -moz-transition: color 0.4s ease-out; -ms-transition: color 0.4s ease-out; -o-transition: color 0.4s ease-out; transition: color 0.4s ease-out; } a:visited { color: #ac0404; } a:focus { /* outline: thin dotted; */ outline: 0; } a:active, a:hover { color: #ed8058; outline: 0; } a:hover { text-decoration: none; } h1, h2, h3, h4, h5, h6 { clear: both; font-family: "Open Sans", Helvetica, sans-serif; line-height: 1.3; } hr { background: url(images/dotted-line.png) repeat center top; background-size: 4px 4px; border: 0; height: 1px; margin: 0 0 24px; } code { font-family: "Open Sans", Helvetica, sans-serif; } /* SELECTION CUSTOM */ /* Mozilla based browsers */ ::-moz-selection { background-color: #b0b0b0; color: #fff; } /* Works in Safari */ ::selection { background-color: #b0b0b0; color: #fff; } /* Works in Opera */ ::-o-selection { background-color: #b0b0b0; color: #fff; } ::-ms-selection { background-color: #b0b0b0; color: #fff; } /* Works in Internet Explorer */ ::-webkit-selection { background-color: #b0b0b0; color: #fff; } /** * 3.0 Basic Structure * ---------------------------------------------------------------------------- */ .site { /* background-color: #CCC; border-left: 1px solid #f2f2f2; border-right: 1px solid #f2f2f2;*/ border:0; margin: 0 auto; /* max-width: 1600px; */ width: 100%; max-width: 100%; background-color: transparent; } .site-main { position: relative; /* background-color:#999; */ max-width: 1230px; margin: 0 auto; } .site-main .sidebar-container { height: 0; position: absolute; top: 50px; width: 100%; z-index: 1; left: 0px; } .site-main .sidebar-inner { margin: 0 auto; max-width: 100%; } /* WP SECURITY MAINTENANCE */ .aiowps-site-lockout-body { background-color:#f90; height:100%; margin-top:-100px; } .aiowps-site-lockout-box { background-color:transparent; border:none; } .aiowps-site-lockout-msg { color:#302e2d; font-size: 1.3em; margin-top:30px; font-weight:300; } .aiowps-site-lockout-msg img{ width:100%; max-width: 500px; } /** * 4.0 Header * ---------------------------------------------------------------------------- */ /** * 4.1 Site Header * ---------------------------------------------------------------------------- */ .site-custom-header { text-align:center;/* background-image:url(images/headers/custom-1.jpg); background-repeat:no-repeat; background-size:cover; */ } .header-img { width:100%; max-width:2500px; margin:0px auto 0; min-height:150px; } .site-header { } .header-image-wrap-all { position:absolute; top:0px; /*width:100%; position:absolute; */ width:100%; /*background-color:#ef9256;*/ margin:0 auto; } .header-image-wrap { position:relative; top:0px; /*width:100%; position:absolute; */ /*width:1230px; max-width:1230px; */ width:100%; max-width:1230px; margin:0 auto; } .header-image-container { /*width:500px;*/ width:360px; height:144px; background-image:url(images/logo.png); background-repeat:no-repeat; background-size:contain; /* Relative navigation position:absolute; left:20px; top:20px; */ /* Fixed navigation position:fixed; left:20px; top:20px; */ /* Centered margin:0 auto; */ /* Aligned left in content width position:absolute; margin:20px 0 0 0; */ position:absolute; margin:5px 0 0 0; z-index:20; /*background-color:#3C6; */ } .header-image-container-plus { /*width:500px;*/ width:936px; height:144px; background-image:url(images/header-slogan.png); background-repeat:no-repeat; background-size:contain; margin:5px 0 0 0; position:absolute; right:0; /*background-color:#3C6; */ } .sticker { width:80px; height:80px; background-image:url(images/takeaway-small.png); background-repeat:no-repeat; background-size:contain; position:relative; top:15px; margin-right:10px; float:right;/* background-color:#3C6; */ display:none; } .extralogo { width:110px; height:66px; background-image:url(images/valrhona_logo.png); background-repeat:no-repeat; background-size:contain; /* Relative navigation top: 15px position:relative; */ /* Fixed navigation */ top:60px; right:20px; position:fixed; margin-right:10px; float:right;/* background-color:#3C6; */ } .flag { /* Relative navigation position:absolute; top:-145px; right:10px; */ /* Fixed navigation position:fixed; top:10px; right:10px;*/ position:absolute; top:-37px; right:10px; z-index:60; } .flag a, .flag { -webkit-transition: opacity 0.3s ease-in-out; -moz-transition: opacity 0.3s ease-in-out; -ms-transition: opacity 0.3s ease-in-out; -o-transition: opacity 0.3s ease-in-out; transition: opacity 0.3s ease-in-out; opacity:1; } .flag a:hover, .flag:hover { opacity:0.7; } /* .header-image-container img { height: auto; max-width: 100%; vertical-align: top; } */ /** * 4.2 Navigation * ---------------------------------------------------------------------------- */ .main-navigation { clear: both; /* Full width margin: 0 20px 0 0; max-width: 100%; */ margin: 0 auto; max-width: 1230px; /* Fixed width margin: 0 auto; max-width: 1080px;*/ min-height: 40px; position: relative; } ul.nav-menu, div.nav-menu > ul { margin: 0; padding: 0 0 0 15px; float:left; font-family: "Open Sans", Helvetica, sans-serif; } .nav-menu li { display: inline-block; position: relative; } .nav-menu li a { color: #454443; display: block; font-size: 0.95em; font-weight:700; line-height: 1; padding: 11px 5px 12px; text-decoration: none; -webkit-transition: background-color 0.4s ease-out, color 0.4s ease-out; -moz-transition: background-color 0.4s ease-out, color 0.4s ease-out; -ms-transition: background-color 0.4s ease-out, color 0.4s ease-out; -o-transition: background-color 0.4s ease-out, color 0.4s ease-out; transition: background-color 0.4s ease-out, color 0.4s ease-out; } .nav-menu li:hover > a, .nav-menu li a:hover { /*background-color: #57483E;*/ color: #fff; } .nav-menu .sub-menu, .nav-menu .children { background-color: #220e10; /*border: 2px solid #f7f5e7;*/ border: 0; border-top: 0; display: none; padding: 0; position: absolute; /*left: -2px;*/ left: 0px; z-index: 99999; } .nav-menu .sub-menu ul, .nav-menu .children ul { border-left: 0; left: 100%; top: 0; } ul.nav-menu ul a, .nav-menu ul ul a { color: #fff; margin: 0; width: 200px; padding: 7px 20px; } ul.nav-menu ul a:hover, .nav-menu ul ul a:hover { background-color: #db572f; } ul.nav-menu li:hover > ul, .nav-menu ul li:hover > ul { display: block; } .nav-menu .current_page_item > a, .nav-menu .current_page_ancestor > a, .nav-menu .current-menu-item > a, .nav-menu .current-menu-ancestor > a { color: #bc360a; font-style: normal; } /* Extra links with images ------------------------ */ /* .nav-menu #menu-item-207 { top:-6px; } .nav-menu #menu-item-207 a { display:block; height:30px; width:30px; padding:0; margin:0 0 0 30px; outline:none; text-indent:-9999px; background-image:url('images/facebook_icon_small.png'); background-position:0 0; background-repeat:no-repeat; background-color: transparent; } .nav-menu #menu-item-207 a:hover { background-image:url('images/facebook_icon_small_mono.png'); background-position:0 0; background-repeat:no-repeat; background-color: transparent; } */ .menu-toggle { display: none; } /** * CUSTOM MENU Navigation * ---------------------------------------------------------------------------- */ .custom-main-navigation { float:left; margin: 50px 0 0 0; max-width: 200px; width: 100%; /* margin: 0 auto; max-width: 1080px;*/ min-height: 40px; position: absolute; } ul.custom-nav-menu, div.custom-nav-menu > ul { margin: 0; padding: 0 0 0 0px; float:left; font-family: "Open Sans", Helvetica, sans-serif; font-size:0.85em; font-weight:700; background-color: #f5ead0; } .custom-nav-menu li { display: inline-block; position: relative; float:none; width:100%; } .custom-nav-menu li a { color: #454443; display: block; /*font-size: 15px;*/ line-height: 1; padding: 5px 15px 7px; text-decoration: none; -webkit-transition: background-color 0.4s ease-out, color 0.4s ease-out; -moz-transition: background-color 0.4s ease-out, color 0.4s ease-out; -ms-transition: background-color 0.4s ease-out, color 0.4s ease-out; -o-transition: background-color 0.4s ease-out, color 0.4s ease-out; transition: background-color 0.4s ease-out, color 0.4s ease-out; } /* first and last children items */ .custom-nav-menu li:first-child a { padding: 10px 15px 7px 15px; } .custom-nav-menu li:last-child a { padding: 6px 15px 10px 15px; } .custom-nav-menu li:hover > a, .custom-nav-menu li a:hover { /*background-color: #57483E;*/ color: #fff; background-color: #382a22; } .custom-nav-menu .sub-menu, .custom-nav-menu .children { background-color: #220e10; /*border: 2px solid #f7f5e7;*/ border: 0; border-top: 0; display: none; padding: 0; position: absolute; /*left: -2px;*/ left: 195px; z-index: 99999; top:0; } .custom-nav-menu .sub-menu ul, .custom-nav-menu .children ul { border-left: 0; left: 100%; top: 0; } ul.custom-nav-menu ul a, .custom-nav-menu ul ul a { color: #fff; margin: 0; width: 200px; padding: 5px 15px; } ul.custom-nav-menu ul a:hover, .custom-nav-menu ul ul a:hover { background-color: #db572f; } ul.custom-nav-menu li:hover > ul, .custom-nav-menu ul li:hover > ul { display: block; } .custom-nav-menu .current_page_item > a, .custom-nav-menu .current_page_ancestor > a, .custom-nav-menu .current-menu-item > a, .custom-nav-menu .current-menu-ancestor > a { color: #bc360a; font-style: normal; } .custom-menu-toggle { display: none; } /* Custom menu item style */ .custom-nav-menu .small{ font-size: 1em; font-weight: 400; } /* Navbar */ .navbar { background: url(images/black-opacity-80.png) repeat; margin: 0; /*margin: 0 auto; max-width: 1600px;*/ max-width: 100%; width: 100%; border-bottom: 0px #FA491D solid; border-top: 0px #FA491D solid; /* Relative navigation position:relative; */ position:relative; /* Fixed navigation position:fixed; */ z-index:150; } /* Navbar Custom menu */ .custom-navbar { background: url(images/black-opacity-80.png) repeat; margin: 0; /*margin: 0 auto; max-width: 1600px;*/ max-width: 200px; width: 100%; border-top: 0px #FA491D solid; /* Relative navigation position:relative; */ position:relative; /* Fixed navigation position:fixed; */ z-index:50; } /* Search form */ .site-header .search-form { top: 5px; /*right: 20px;*/ right: 0; position: absolute; max-width:230px; float:right; overflow:hidden; } .site-header .search-field { background-color: transparent; background-image: url(images/search-icon.png); background-position: 5px center; background-repeat: no-repeat; background-size: 24px 24px; border: none; cursor: pointer; height: 30px; margin: 3px 0; /*padding: 0 0 0 34px;*/ position: relative; -webkit-transition: width 400ms ease, background 400ms ease; transition: width 400ms ease, background 400ms ease; /* width: 0; */ /* Width 1 px fixed for Safari */ width: 1px; } .site-header .search-field:focus { background-color: #d1d1d1; border: 1px solid #c3c0ab; cursor: text; outline: 0; width: 230px; } /* SEARCH FIELD ALWAYS VISIBLE */ .site-header input.search-field { width: 100% !important; background-color: #fff; margin:0; font-size: 0.85em; } /** * 5.0 Content * ---------------------------------------------------------------------------- */ .hentry { /* Relative navigation padding: 10px 0; */ padding: 50px 0 10px 215px; } .entry-header, .entry-content, .entry-summary, .entry-meta { /* margin: 0 auto; */ margin: 0; max-width: 800px; width: 100%; color:#000; padding: 0 20px; } .sidebar .entry-header, .sidebar .entry-content, .sidebar .entry-summary, .sidebar .entry-meta { max-width: 800px; padding: 0 20px; } .textnarrow { padding:0 60px; } .bibliokritiki-category-title .archive-header { margin: 0; max-width: 800px; width: 100%; color:#E0D9C9; padding: 0 20px; background: url(images/black-opacity-80.png) repeat; } /* BREADCRUMBS */ #breadcrumbs { font-size: 0.85em; padding-top:5px; } /* Hide the Home link in breadcrumbs */ .breadcrumb_last { display:none; } /* BIBLIOKRITIKI */ .entry-content .bibliokritiki { height: auto; max-width: 20% !important; } p.bibliokritiki-center { text-align: center !important; } p.bibliokritiki-leftside { display:inline-block; width:22%; vertical-align: top; margin-right: 2%; } .bibliokritiki-rightside { display:inline-block; width:75%; font-size: 0.85em; } .bibliokritiki-rightside p { margin: 0 0 5px; } .bibliokritiki-book img { display:inline-block; width:90%; vertical-align: top; } .category-vivliokritiki .entry-title { padding: 20px 0 15px 0px; font-size: 1.2em ; } .category-vivliokritiki .entry-meta { padding: 0 0 10px 0px !important; } .category-vivliokritiki .entry-content { padding: 0 18px 10px 20px !important; } .category-vivliokritiki .archive-title { padding: 20px 0 15px 0px; } .archive article.category-vivliokritiki.hentry { padding: 0 0 0 215px; } /*Bibliokritiki widget show only on Bibliokritiki category and pages */ #taxonomy_dropdown_widget-2 { display:none; } .category-vivliokritiki #taxonomy_dropdown_widget-2 , .page-template-Vivliokritikipage #taxonomy_dropdown_widget-2, .archive.tag #taxonomy_dropdown_widget-2 { display:block ; margin-bottom:3px; } #taxonomy_dropdown_widget-3 { display:none; } .bibliokritiki-issue { color: #FA491D; font-size:0.85em; } .category-vivliokritiki .entry-content{ min-height:100% !important; } /** * 5.1 Entry Header * ---------------------------------------------------------------------------- */ .sidebar .entry-header .entry-meta { padding: 0; } .entry-thumbnail img { display: block; margin: 0 auto 10px; } .entry-header { /* margin-bottom: 30px; */ margin-bottom: 0px; background: url(images/black-opacity-80.png) repeat; } .entry-title { font-family: "Open Sans", Helvetica, sans-serif; line-height: 1.3; font-size:25px; font-weight: 300; font-style: italic; letter-spacing: 0px; /* margin: 0 0 5px; */ margin: 0; padding:20px 0 35px 0px; /* Centered title */ text-align:center; color:#FA491D; } .entry-title a { color: #FA491D; } .entry-title a:hover { color: #ed8058; } .archive-title { font-family: "Open Sans", Helvetica, sans-serif; line-height: 1.3; font-size:25px; font-weight: 300; font-style: italic; letter-spacing: 0px; /* margin: 0 0 5px; */ margin: 0; padding:20px 0 35px 0px; /* Centered title */ text-align:center; color:#FA491D; } /* CUSTOM title in MENU */ .table-special-title { font-family: "Open Sans", Helvetica, sans-serif; line-height: 1.3; font-size:19px; font-weight: 400; letter-spacing: 0px; text-align:center; /*color:#e0d7bc;*/ color:#ea5d00; } /** * 5.3 Entry Content * ---------------------------------------------------------------------------- */ .entry-content { /*-webkit-hyphens: auto; -moz-hyphens: auto; -ms-hyphens: auto; hyphens: auto;*/ -webkit-hyphens: none; -moz-hyphens: none; -ms-hyphens: none; hyphens: none; word-wrap: break-word; background: url(images/black-opacity-80.png) repeat; padding:20px; font-size: 16px; /* MINIMUM HEIGHT of CONTENT */ min-height:520px !important; /*background-color: #D6C6A9;*/ } /* CUSTOM TITLES and OTHER TEXT AREA WIDTH AND SIZE in specific pages */ /* Archiki */ #post-2458 .entry-title { color:transparent; padding:5px 0 5px 0px; } #post-2458 ul.products { padding:0px 0px 0px 0px; margin-bottom:0; } /* Poioi eimaste */ #post-34 .entry-content { padding:0 60px; } #post-34 .entry-content { padding:0 60px; } #post-34 .entry-title { text-align: left; margin-left:40px; } #post-34 .entry-content h2 { text-align: left; } /* Syndesmoi */ #post-2449 .entry-content { padding:0 60px; } #post-2449 .entry-content a{ /*color:#e0d9c9;*/ } #post-2449 .entry-content a:hover{ /*color:#ed8058;*/ } #post-2449 .entry-title { text-align: left; margin-left:40px; } /* Video */ #post-3992 .entry-content { padding:0 60px; } #post-3992 .entry-content { padding:0 60px; } #post-3992 .entry-title { text-align: left; margin-left:40px; } #post-3992 .entry-content h2 { text-align: left; } .text-custom-1 { font-size: 17px; font-weight: 400; } .text-custom-1-narrow { font-size: 16px; padding:0 0 0 50px; } .text-custom-2 { font-size: 15px; font-weight: 400; } .text-custom-2-narrow { font-size: 15px; padding:0 0 0 50px; } .text-custom-3 { font-size: 13px; font-weight: 400; } .text-custom-3-narrow { font-size: 13px; padding:0 0 0 50px; } .text-custom-4 { font-size: 20px; font-weight: 300; font-style: italic; } hr.line-rule-1 { background-color: #333; height: 2px; border: 0; margin:-40px 0 -10px 0; } hr.line-rule-2 { background-color: #333; height: 2px; border: 0; margin:0; } /* COLUMNS */ .one_third { margin-top:0px; } .one_third img{ max-width:80%; margin-left:30px; } .two_third { padding:0 30px 0 30px; font-size: 14px; } .entry-content a, .comment-content a { color: #bc360a; -webkit-transition: color 0.4s ease-out; -moz-transition: color 0.4s ease-out; -ms-transition: color 0.4s ease-out; -o-transition: color 0.4s ease-out; transition: color 0.4s ease-out; } .entry-content a:hover, .comment-content a:hover { color: #ed8058; text-decoration:none; } .entry-content blockquote { font-size: 24px; } .entry-content blockquote cite, .entry-content blockquote small { font-size: 16px; } .entry-content img.alignleft, .entry-content .wp-caption.alignleft { margin-left: -60px; } .entry-content img.alignright, .entry-content .wp-caption.alignright { margin-right: -60px; } .entry-content h2{ font-size: 21px; } footer.entry-meta { margin: 10px 0; } .format-standard footer.entry-meta { margin-top: 0; } /** * 5.7 Post/Paging Navigation * ---------------------------------------------------------------------------- */ nav.paging-navigation { /* Original */ /*background-color: #e8e5ce; padding: 40px 0; margin: 40px auto;*/ /* Custom 1*/ /*background-color: #e8e5ce; padding: 4px 0; margin: 10px auto; max-width: 800px; width: 100%; */ background-color: transparent; padding: 0; margin: 0; max-width: 800px; width: 100%; color: #fff; } .sidebar .paging-navigation .nav-links { /*padding: 20px;*/ padding: 10px 0 0 20px; } .category-vivliokritiki .wp-pagenavi{ text-align:center !important; } /** * 5.10 Search Results/No posts * ---------------------------------------------------------------------------- */ .search-term { color:#f60; } .search-top-spacer { height:10px; } .search-background { background: url(images/black-opacity-80.png) repeat; /*background-color:#f60;*/ margin: 40px auto 0; max-width: 800px; width: 100%; } .search-background .page-header { /*background: url(images/black-opacity-40.png) repeat;*/ margin: 0 auto -25px; max-width: 800px; width: 100%; color:#E0D9C9; padding: 5px 20px 0; background-color:transparent; } .search-background .page-title { font-family: "Open Sans", Helvetica, sans-serif; line-height: 1.3; font-size:20px; font-weight: 300; letter-spacing: 0px; /* margin: 0 0 5px; */ margin: 0; padding:5px 0 35px 0px; /* Centered title */ text-align:center; color:#FA491D; } .search-background .page-content { margin: 10px 0 0 0; max-width: 800px; padding: 40px 0; width: 100%; color:#fff; background-color:transparent; } .search-header-container .page-content { margin: 40px auto; max-width: 800px; padding: 40px 0; width: 100%; color:#fff; background-color:transparent; } .search-productonly-container { margin: 0px auto 0; max-width: 800px; width: 100%; /*background: url(images/black-opacity-80.png) repeat;*/ background-color:transparent; } .search-header-container { height:auto; margin:0 0 0 0; clear:both; background-color:transparent; } .search-header-container .page-header { /*background: url(images/black-opacity-40.png) repeat;*/ margin: 0 auto -25px; max-width: 800px; width: 100%; color:#E0D9C9; padding: 5px 20px 0; background-color:transparent; } .search-header-container .page-title { font-family: "Open Sans", Helvetica, sans-serif; line-height: 1.3; font-size:20px; font-weight: 300; letter-spacing: 0px; /* margin: 0 0 5px; */ margin: 0; padding:5px 0 35px 0px; /* Centered title */ text-align:center; color:#FA491D; } .search-header-container .page-content { margin: 40px auto; max-width: 800px; padding: 40px 0; width: 100%; color:#fff; background-color:transparent; } .sidebar .page-content { padding: 40px 40px; margin: 40px auto; max-width: 800px; width: 100%; min-height:450px; } .search-productonly-container .hentry { width:100%; max-width: 800px; margin:0; padding:0; background-color:transparent; } .search-productonly-container header.entry-header { /*background: url(images/black-opacity-80.png) repeat;*/ /*background-color:#f90;*/ } .search-productonly-container .entry-header .entry-title{ } .search-productonly-container article{ /*background-color:#f90;*/ } .search-productonly-container .entry-title a { font-family: "Open Sans", Helvetica, sans-serif; line-height: 1.3; font-size:25px; font-weight: 300; letter-spacing: 0px; color:#FA491D; } .search-productonly-container .entry-summary { /*background: url(images/black-opacity-80.png) repeat;*/ background: url(images/black-opacity-80.png) repeat; } .search-productonly-container .entry-summary p { padding: 0 0 30px 0; } .search-productonly-container .entry-thumbnail { background-color:transparent; } .search-productonly-container .entry-thumbnail img{ padding:30px 0 0 0; } .search-page-footer-spacer { height:50px; } .search-productonly-container .comments-link { display:none; } .search-productonly-container .entry-meta{ display:none; } /* Custom search page */ .custom-search-content { } .custom-search-content .entry-thumbnail{ float:left; width: 27%; } .custom-search-content .entry-thumbnail-none { float:left; width: 27%; padding-top:25px; } .custom-search-content .entry-thumbnail-none img { display: block; margin: 0; width: 100%; } .custom-search-content .entry-title{ text-align:left; padding-left:15px; } .custom-search-content .elements{ float:right; width: 70%; } .custom-search-content .elements .entry-title { margin-left:0 !important; } .custom-search-content .elements .entry-summary { background: none; } /* Paginate links */ /* .pagination { clear:both; padding:20px 0; position:relative; font-size:11px; line-height:13px; margin-left:20px; } .pagination span, .pagination a { display:block; float:left; margin: 2px 2px 2px 0; padding:6px 9px 5px 9px; text-decoration:none; width:auto; color:#fff; background: #555; } .pagination a:hover{ color:#fff; background: #f90; } .pagination .current{ padding:6px 9px 5px 9px; background: #f90; color:#fff; } */ /* WPNavi*/ .wp-pagenavi { margin: 0 0 10px 0; font-size:14px; color:#D9D2BD; } .wp-pagenavi span.pages { float:none; display: block; border: none; background: transparent; margin: 0 5px 0 0; padding-left:0; color:#000; } .wp-pagenavi a, .wp-pagenavi span { border: none; padding: 5px 5px; margin: 0; background: #333; color:#D9D2BD; } .wp-pagenavi a:hover { background: #524226; color:#fff; } .wp-pagenavi a.first , .wp-pagenavi .extend, .wp-pagenavi a.last, .wp-pagenavi a.page, .wp-pagenavi .current, .wp-pagenavi .nextpostslink, .wp-pagenavi .previouspostslink, .wp-pagenavi a.page.larger { border: none; margin: 0; font-size:14px; font-style:normal; font-weight:300; } .wp-pagenavi span.current{ background-color: #78623D; font-weight:300; color:#fff; } .wp-pagenavi a.first, .wp-pagenavi a.last { word-break: normal; white-space: nowrap; } /* Paginationplus */ .paginationplus { clear:both; padding:20px 0; position:relative; font-size:14px; line-height:14px; margin-left:20px; display:block; float:left; width:100%; } .paginationplus span, .paginationplus a { display:block; float:left; margin: 2px 0px 2px 0; padding:6px 7px 8px 7px; text-decoration:none; width:auto; color:#D9D2BD; background: #333; } .paginationplus a:hover{ color:#fff; background: #524226; } .paginationplus .current{ padding:6px 7px 8px 7px; background: #78623D; color:#fff; } /* Woocommerce pagination NO WPNavi*/ nav.woocommerce-pagination { width:100%; margin:0 0 10px 0; padding:0; /*display:block;*/ clear:both; float:left; } .woocommerce nav.woocommerce-pagination ul.page-numbers { float:left; font-size:14px; line-height:14px; } .woocommerce nav.woocommerce-pagination ul li a.page-numbers { color:#D9D2BD; } .woocommerce #content nav.woocommerce-pagination ul li a { padding:7px 5px 7px 5px; } .woocommerce nav.woocommerce-pagination ul, .woocommerce #content nav.woocommerce-pagination ul, .woocommerce-page nav.woocommerce-pagination ul, .woocommerce-page #content nav.woocommerce-pagination ul { border-width: 0px 0px 0px 0px; background-color: #333; color:#fff; } .woocommerce nav.woocommerce-pagination ul li a:hover, .woocommerce #content nav.woocommerce-pagination ul li a:hover, .woocommerce-page nav.woocommerce-pagination ul li a:hover, .woocommerce-page #content nav.woocommerce-pagination ul li a:hover { background-color: #524226; color:#fff; } .woocommerce nav.woocommerce-pagination ul li, .woocommerce #content nav.woocommerce-pagination ul li, .woocommerce-page nav.woocommerce-pagination ul li, .woocommerce-page #content nav.woocommerce-pagination ul li { border-width: 0px 0px 0px 0px; } .woocommerce nav.woocommerce-pagination ul li span.current, .woocommerce #content nav.woocommerce-pagination ul li span.current, .woocommerce-page nav.woocommerce-pagination ul li span.current, .woocommerce-page #content nav.woocommerce-pagination ul li span.current{ background-color: #78623D; color:#fff; padding:7px 5px 7px 5px; } nav.woocommerce-pagination .custompagenumbers { /*width:100%;*/ margin:0 0 0px 0; padding:0; /*clear:both;*/ float:left; text-align:left; font-size:14px; color:#000; } /** * 6.0 Sidebar * ---------------------------------------------------------------------------- */ .site-main .widget-area { float: right; width: 200px; } .site-main .widget-area .widget-title { font-family: "Open Sans", Helvetica, sans-serif; font-style: normal; } .site-main .widget-area .widget { padding-left: 12px; padding-right: 12px; } /** * 6.1 Widgets * ---------------------------------------------------------------------------- */ .widget { background-color: #f5ead0; } .widget a:hover { color: #ed8058; } /* #text-3.widget_text { background:transparent; } */ /* #text-2.widget_text { background:#df33e6; margin:0 20px 10px; } */ .widget_text .textwidget { font-size:12px; line-height:1.4; } .widget_text .textwidget p{ margin-bottom:0; } .widget img { margin:15px 0; } /** * USER ACCESS CONTROL in sidebar widget custom CSS * ---------------------------------------------------------------------------- */ .sidebar-container .wppb_holder label { font-size:12px; word-wrap:normal; width:100% !important; display: block; float:none; margin:0 0 5px 0; } .sidebar-container .wppb_holder input { font-size:14px; width:100% !important; float:none; display: block; clear:both; margin:0; } .sidebar-container .wppb_holder .user-forms p { margin:10px 0 0 0; } .sidebar-container .wppb_holder .user-forms .form-submit .button { font-size:13px; } /** * 7.0 Footer * ---------------------------------------------------------------------------- */ .site-footer { background-color: #544936; color: #eabebe; font-size: 14px; text-align: center; } .site-footer .widget-area, .sidebar .site-footer { text-align: center; } .site-footer a { color: #d17376; text-decoration: none; } .site-footer .sidebar-container { background-color: #220e10; padding: 20px 0; } .site-footer .widget-area { margin: 0 auto; max-width: 1040px; width: 100%; } .sidebar .site-footer .widget-area { max-width: 724px; position: relative; left: -158px; } .site-footer .widget { background: transparent; color: #fff; float: left; margin-right: 20px; width: 245px; } .sidebar .site-footer .widget { width: 228px; } .sidebar .site-footer .widget:nth-of-type(4), .sidebar .site-footer .widget:nth-of-type(3) { margin-right: 0; } .site-footer .widget a { color: #e6402a; } .site-footer .widget-title, .site-footer .widget-title a, .site-footer .wp-caption-text { color: #fff; } .site-info { margin: 0 auto; max-width: 1040px; padding: 20px 10px; width: 100%; font-family: "Open Sans", Helvetica, sans-serif; font-size:12px; } .site-info a { cursor: pointer; } #wpstats { display: block; margin: -10px auto 0; } /* STICKY FOOTER - in .wrapper: the bottom margin is the negative value of the footer's height in footer, .push: '.push' must be the same height as 'footer' */ /* html, body { height: 100%; } .wrapper { min-height: 100%; height: auto !important; height: 100%; margin: 0 auto -90px; } footer, .push { height: 90px; } */ /** * SIMPLE NON STICKY FOOTER * ---------------------------------------------------------------------------- */ html, body { height: 100%; } .wrapper { min-height: 100%; height: auto !important; height: 100%; margin: 0 auto -90px; /* the bottom margin is the negative value of the footer's height */ } .site-footer-simple { /*background-color: #dd0b70;*/ /*color: #D4CFCB;*/ font-size: 16px; max-width: 800px; margin: 0 auto; } .site-footer-simple .site-info { margin: 0; max-width: 1040px; padding: 20px 0px; width: 100%; font-family: "Open Sans", Helvetica, sans-serif; font-size:12px; border-top: 1px #FA491D solid; max-width: 800px; } .site-footer-simple .site-info a { cursor: pointer; } footer, .push { height: 0px; } /** * CUSTOM FOOTER FULL * ---------------------------------------------------------------------------- */ .custom-footer-full-container { max-width:800px; margin:0 auto;/*background-color:#45e678;*/ background-color:#45e678; } .custom-footer-full-inner { /*max-width:800px;*/ } .custom-footer-full-inner .sidebar-container .widget-area .widget .woocommerce .widget_recent_products { background-color:#d1d1d1; } .custom-footer-full-inner .widget-title { color: #B80909; font-family: "Open Sans", Helvetica, sans-serif; } /** * GOOGLEMAP * ---------------------------------------------------------------------------- */ .googlemap { /* width: 400px; height: 400px; margin: 0 auto;*/ /* width: 100%; height: 420px; margin: 0 0 20px 0; padding:0; */ width: 500px; height: 400px; margin: 0 auto 20px; } /* SPECIAL TEXT */ .link_normal { color:#454443; } .link_normal a { color:#454443; text-decoration: none; -webkit-transition: color 0.4s ease-out; -moz-transition: color 0.4s ease-out; -ms-transition: color 0.4s ease-out; -o-transition: color 0.4s ease-out; transition: color 0.4s ease-out; } .link_normal a:hover { color:#fa491d; text-decoration: none; } /** * WOOCOMMERCE admin dashboard custom css * ---------------------------------------------------------------------------- */ /* .column-is_in_stock { background-color: #f90; font-size:9px; } */ /** * WOOCOMMERCE in content custom css * ---------------------------------------------------------------------------- */ /* #content.entry-content.twentythirteen { margin: 50px 0 10px 215px; } #primary.site-content{ margin: 60px 0 0 0; } */ #content.entry-content.twentythirteen { margin: 50px 0 10px 215px; } #content.entry-content.twentythirteen .woocommerce-breadcrumb { margin: 10px 0 30px 0; } .woo-custom-spacer-shop-products-page { margin-top:0px; height:1px } a.button.product_type_simple { font-size:12px; } a.button.add_to_cart_button { font-size:12px; } a.button.wc-backward { font-size:12px; } .entry-content .woocommerce-breadcrumb { margin:15px 0 0px 0; padding:0; font-size:13px; position:relative; display:none; } .breadcrumb-custom-category { font-size:14px; margin:10px 0 30px 0; } .entry-content .page-title { font-family: "Open Sans",Helvetica,sans-serif; line-height: 1.3; font-size: 25px; font-weight: 300; font-style: italic; letter-spacing: 0px; /* margin: 0 0 5px; */ margin: 0; padding:25px 0 35px 0px; /* Centered title */ text-align:center; color:#FA491D; } .woocommerce-ordering { font-size:12px; } .woocommerce .woocommerce-ordering { float:left; margin-bottom:20px; } .woocommerce-price-suffix { font-size:12px; float:none; display:block; color:#999; } .backlink { position:absolute; top:-40px; } ul.products .product { font-size:12px; line-height: 1.3; } .products .product p { font-size:13px; line-height: 1.3; color:#b7bac9; } .price .amount { font-size:16px; color:#000; } .products .count { font-size:11px; color:#f96; background-color: transparent; } /* ------ */ .woocommerce-tabs { font-size:16px; color:#f96; background-color: transparent; } .woocommerce-tabs h2{ font-size:20px; } .woocommerce-tabs #tab-description { background: url(images/black-opacity-20.png) repeat; width:100%; max-width:100%; } .woocommerce-tabs #tab-additional_information { background: url(images/black-opacity-20.png) repeat; width:100%; max-width:100%; } .woocommerce-tabs #tab-reviews { background: url(images/black-opacity-20.png) repeat; width:100%; max-width:100%; } .woocommerce-tabs #tab-tab-custom { background: url(images/black-opacity-20.png) repeat; width:100%; max-width:100%; } .related.products h2{ font-size:20px; } .woocommerce-tabs #reply-title{ font-size:16px; } .woocommerce-tabs #reviews.comment-respond.must-log-in { font-size:22px; width:100%; max-width:100%; padding:0; margin:0; background-color: #f90; } .woocommerce-tabs .must-log-in{ max-width: 1040px; padding-left: 0px; padding-right: 0px; } /* .price .amount { float:none; display:block; line-height:0.5; } */ .product_title.entry-title { text-align:left; } /* Short description custom style */ .short-desc-custom-1 { font-weight:700; color:#bf8534; display:block; } .short-desc-custom-2 { font-weight:700; color:#857D65; } /* Dimension image change in single product page*/ #content.entry-content.twentythirteen .images { margin:0 auto; max-width:180px; } #content.entry-content.twentythirteen ul.products img{ max-width:180px; } #content.site-content .entry-content ul.products img{ max-width:180px; } #content.site-content .entry-content ul.products .price .amount { display:none; } #content.site-content .entry-content ul.products .woocommerce-price-suffix { display:none; } #content.site-content .entry-content ul.products .button { display:none; } #content.site-content .entry-content ul.products p{ display:none; } /* Cart page custom style */ .woocommerce .cart-collaterals h2{ font-size:22px; } .woocommerce .cart-collaterals .cart_totals table tr{ line-height:1.4em; } .woocommerce .cart-collaterals .cart_totals table{ -webkit-border-radius:0px; border-radius:0px; border-spacing: 0 10px; } /* Woocommerce 4 columns products*/ .woocommerce ul.products li.product{ width:22.15%; } /* Product image in lightbox hide upper title */ .pp_woocommerce .ppt { display: none !important; } /* Product image in lightbox hide lower title */ .pp_woocommerce .pp_description { display: none !important; } /* Single product custom attributes styling */ ul.custom-attributes { margin-left: 0px; padding-left: 0; list-style-type: none; display:none; } ul.custom-attributes .attribute-value { color:#a08c6d; font-weight: bold; } /** * WOOCOMMERCE in right sidebar widget custom CSS * ---------------------------------------------------------------------------- */ .sidebar-inner .widget-area .textwidget .wppb_holder { font-size:13px; } .sidebar-inner .woocommerce { font-size:13px; } .sidebar-inner .woocommerce .widget-title { font-size:14px; font-family: "Open Sans", Helvetica, sans-serif; font-style: italic; } .sidebar-inner #text-2 .widget-title { font-weight: normal; font-style: italic; color: #C43A18; } .sidebar-inner #text-2 { /* margin-bottom:1px; */ margin-bottom:28px; } .sidebar-inner #black-studio-tinymce-2.widget, .sidebar-inner #black-studio-tinymce-3.widget { padding-bottom:5px; } .sidebar-inner #black-studio-tinymce-2 .widget-title, .sidebar-inner #black-studio-tinymce-3 .widget-title { font-weight: normal; font-style: italic; color: #C43A18; } .sidebar-inner #black-studio-tinymce-2{ /* margin-bottom:1px; */ margin-bottom:3px; } .sidebar-inner #black-studio-tinymce-3 { /* margin-bottom:28px;*/ margin-bottom:3px; } .sidebar-inner #black-studio-tinymce-2 .textwidget, .sidebar-inner #black-studio-tinymce-3 .textwidget { /* margin-bottom:1px; */ font-size:12px; line-height: 1.4; } .sidebar-inner #taxonomy_dropdown_widget-2 .widget-title { font-weight: normal; font-style: italic; color: #C43A18; } .sidebar-inner #taxonomy_dropdown_widget-2 .taxonomy_dropdown_widget_dropdown, #taxonomy_dropdown_widget-3 .taxonomy_dropdown_widget_dropdown { color: #838383; background-color: transparent; font-size:0.9em; border: 1px solid #838383; } /* YITH Product Search plugin*/ .yith-wcan-select-wrapper { width:180px; max-width:180px; } .yith-wcan-select.yith-wcan { font-size: 11px; line-height:110%; padding: 1px 0 1px 0; margin: 1px 0 1px 0; } .yith-wcan-select-wrapper ul.yith-wcan-select.yith-wcan li { padding: 2px 8px; border-bottom: 0px solid transparent; border-top: 0px solid transparent; } .yith-wcan-select-wrapper ul.yith-wcan-select.yith-wcan li:last-child a { padding-bottom: 8px; } .yith-wcan-select-wrapper ul.yith-wcan-select.yith-wcan li:hover, .woocommerce-page .widget_layered_nav .yith-wcan-select-wrapper ul li.chosen { -webkit-box-shadow: 0px 3px 0px #F2F2F2 inset, 0px -3px 0px #F2F2F2 inset; -moz-box-shadow: 0px 3px 0px #f2f2f2 inset, 0px -3px 0px #f2f2f2 inset; box-shadow: 0px 3px 0px #F2F2F2 inset, 0px -3px 0px #F2F2F2 inset; border-bottom: 0px solid #cecece; border-top: 0px solid #cecece; } .woocommerce-page .widget_layered_nav .yith-wcan-select-wrapper ul li.chosen a, .woocommerce-page .widget_layered_nav .yith-wcan-select-wrapper ul li.chosen a { background: transparent url(images/cross.png) top 2px left no-repeat; border: none; } .yith-woo-ajax-navigation.woocommerce.widget_layered_nav { margin-bottom:3px; padding-top:10px; padding-bottom:10px; } .yith-woo-ajax-navigation.woocommerce.widget_layered_nav .widget-title { margin:0px; padding:0; } .yit-wcan-select-open { margin-bottom: 5px; margin-top: 5px; overflow: hidden; padding: 10px 30px 10px 10px; } .yith-wcan-loading { background: url(images/ajax-loader.gif) no-repeat center; height: 100px; } /** * WOOCOMMERCE in left sidebar widget custom CSS * ---------------------------------------------------------------------------- */ .leftsidebar-1 { } .leftsidebar-1-spacer { } .leftsidebar-1-spacer p{ line-height:8px; font-size:0.1em; margin:0px 0 0 0; padding:0; } /* Hide only yith search plugin*/ .leftsidebar-1 aside#yith-woo-ajax-navigation-4 { display:none !important; } .leftsidebar-1 aside#yith-woo-ajax-navigation-6 { display:none !important; } .leftsidebar-1 aside#yith-woo-ajax-reset-navigation-3 { display:none !important; background: transparent; } .leftsidebar-1 .woocommerce .widget-title { font-size:14px; font-family: "Open Sans", Helvetica, sans-serif; font-style:normal; } .leftsidebar-1 .woocommerce { font-size:13px; } .leftsidebar-1 aside#text-4.widget.widget_text{ background: url(images/white-opacity-80.png) repeat; margin:0 0px 10px; padding:5px 10px; } /** * WOOCOMMERCE in bottom custom widget * ---------------------------------------------------------------------------- */ .content-area .widget_top_rated_products { margin: 0 195px 15px 195px; background: transparent; } .content-area .widget_top_rated_products .widget-title { font-size:18px; font-family: "Open Sans", Helvetica, sans-serif; font-style:italic; /*margin: 0 195px 15px 195px;*/ color: #B80909; } .content-area .widget_top_rated_products .product_list_widget { background-color:#eae4da; /*margin: 0 195px 0 195px;*/ padding:20px; } /* NEXT LINE breaks*/ .nextline { } .type-element { display:inline-block; } /** * EXTRA WIDGET TEXT WOOCOMMERCE in bottom custom widget * ---------------------------------------------------------------------------- */ .textwidget-custom-container { margin: 0 195px 15px 195px; background-color:#eae4da; padding:20px; } /* CONTACT FORM - Contact form plugin * ---------------------------------------------------------------------------- */ .contact-form-custom-container { margin:0 auto; width:500px; text-align:center; /*background-color:#f31;*/ } #cntctfrm_contact_form { font-size:14px; font-family: "Open Sans", Helvetica, sans-serif; font-style:normal; max-width:500px; } #cntctfrm_contact_form input.text, #cntctfrm_contact_form textarea, #cntctfrm_contact_message, #cntctfrm_contact_name, #cntctfrm_contact_email, #cntctfrm_contact_subject{ width:100%; } #cntctfrm_thanks { text-align:center; } #cntctfrm_contact_form div { margin-top:5px; } .cntctfrm_column { max-width:500px; } .cntctfrm_contact_form .gglcptch #recaptcha_widget_div { width: 100% !important; } .cntctfrm_label, .cntctfrm_input, .cntctfrm_select, .cntctfrm_checkbox { max-width: 100%; } .cntctfrm_contact_form.cntctfrm_width_default input[type="text"] { max-width: 100% ; } /* SLIDESHOW plugin by StefanBoonstra * ---------------------------------------------------------------------------- */ .slideshow_button.slideshow_previous.slideshow_transparent { margin-top:-40px; margin-left:-10px; } .slideshow_button.slideshow_next.slideshow_transparent { margin-top:-40px; margin-right:-10px; } .slideshow_slide { margin-bottom: 30px ; } /* GUIDE FOR SCREEN DIMENSIONS - DEMO ONLY - TO REMOVED in FINAL STAGE * ---------------------------------------------------------------------------- */ /* .guide-screen-dimension { position: fixed; width:20px; height:20px; background-color:#fff; } */ /** * 8.0 M E D I A Q U E R I E S * ---------------------------------------------------------------------------- */ /* Does the same thing as , * but in the future W3C standard way. -ms- prefix is required for IE10+ to * render responsive styling in Windows 8 "snapped" views; IE10+ does not honor * the meta tag. See http://core.trac.wordpress.org/ticket/25888. */ @-ms-viewport { width: device-width; } @viewport { width: device-width; } /* ******************** - NAVIGATION ITEMS in second row */ @media (max-width: 840px) { ul.nav-menu{ max-width: 740px; } } @media (max-width: 735px) { ul.nav-menu{ max-width: 635px; } } /* ******************** min-width: 1490px */ /* Content margin adjustment */ @media (min-width: 1490px) { .entry-header, .entry-content, .entry-summary, .entry-meta { margin: 0; width: 100%; padding: 0 18px 0 20px; } .sidebar .entry-header, .sidebar .entry-content, .sidebar .entry-summary, .sidebar .entry-meta { padding: 0 18px 0 20px; } } /* ******************** max-width: 1599px - ORANGE */ @media (max-width: 1599px) { .site { border: 0; } .header-image-wrap { } .site-footer { /*background-color: #f7941d;*/ } /* .guide-screen-dimension { background-color:#f7941d; } */ } /* ******************** max-width: 1330px - LIME */ @media (max-width: 1330px) { /* CUSTOM TITLES and OTHER TEXT AREA WIDTH AND SIZE in specific pages */ /* Poioi eimaste */ #post-34 .entry-title { margin-left:20px; } #post-34 .entry-content { padding:0 40px; } /* Syndesmoi */ #post-2449 .entry-content { padding:0 40px; } #post-2449 .entry-title { margin-left:20px; } /* Video */ #post-3992 .entry-content { padding:0 40px; } #post-3992 .entry-title { margin-left:20px; } .text-custom-1-narrow , .text-custom-2-narrow, .text-custom-3-narrow { padding:0; } .site-main .widget-area { float: right; margin: 0; /*width: 18%;*/ /*max-width:200px;*/ max-width: 18%; } .yith-wcan-select-wrapper { width:160px; max-width:160px; } .header-image-wrap { } .header-image-container { /* width:400px; height:150px; background-image:url(images/logo.png); background-repeat:no-repeat; background-size:contain; top:5px; */ } /* .entry-header, .entry-content, .entry-summary, .entry-meta { margin: 0 35% 0 0%; width: 100%; } */ .sidebar .entry-header, .sidebar .entry-content, .sidebar .entry-summary, .sidebar .entry-meta { max-width: 76%; } /* SEARCH FIELD ALWAYS VISIBLE */ .site-header .search-form { top: 0; right: 0; float: left; position: relative; clear: both; left: 15px; width: 100%; margin-bottom: 10px; } /* COLUMNS */ .one_third img{ max-width:80%; margin-left:0px; } .two_third { padding:0 0px 0 0px; } /* Search results */ .search-background { margin: 40px 0 -50px 215px; max-width: 61.5%; } .search-productonly-container { margin: 0 auto; } .search-header-container { height:auto; margin:0 0 0 0; clear:both; } .search-productonly-container .entry-header { max-width:100%; width:100%; } .search-productonly-container .entry-summary { max-width:100%; width:100%; } .page-header { /* margin: 0 auto; */ margin:0 0 -50px 215px; max-width: 61.5%; } .sidebar .page-content { /* padding: 40px 40px; margin: 40px 0 -50px 215px; max-width: 61.5%; */ } /* --------------- */ /* Post/Paging Navigation */ .paging-navigation { background-color: #e8e5ce; padding: 40px 0; margin: 40px 0 0 215px; max-width: 61.5%; } /* WOOCOMMERCE */ #content.entry-content.twentythirteen { /*max-width: 61.5%;*/ width: 61.5%; } .content-area .widget_top_rated_products { margin: 0 17.8% 0 195px;/*max-width: 800px*/ /*margin: 0 195px 0 195px;*/ } a.button.add_to_cart_button { /*font-size:11px;*/ max-width:100%; word-wrap: break-word; white-space: normal; } /* EXTRA WIDGET TEXT WOOCOMMERCE in bottom custom widget*/ .textwidget-custom-container { margin: 0 18.5% 15px 195px; } /* --------- */ .custom-footer-full-container { /*max-width: 800px*/ margin: 0 17.8% 0 195px; max-width: 100%; } .custom-footer-full-inner .sidebar-container { margin: 0 0; margin: 0 17.8% 0 195px; background-color: #678eee; } .site-footer-simple { /*max-width: 800px; margin: 0 auto; margin: 0 20% 0 18%; */ margin: 0 auto; padding:0 20px 20px 0px; } .site-footer { /*background-color: #8dc63f;*/ } /* .guide-screen-dimension { background-color:#8dc63f; } */ } /* ******************** max-width: 1230px - ONLY for FOOTER position*/ @media (max-width: 1230px) { .site-footer-simple { /*max-width: 800px; margin: 0 auto; margin: 0 20% 0 18%; */ margin: 0 17.8% 0 195px; padding:0 20px 20px 20px; } } /* ******************** max-width: 1069px - TURQOUISE */ @media (max-width: 1069px) { /* Custom text area width and size style for specific pages*/ #post-34 .entry-content { padding:0 40px; } #post-3992 .entry-content { padding:0 40px; } .sidebar img.alignleft, .sidebar .wp-caption.alignleft { margin-left: 0; } .sidebar img.alignright, .sidebar .wp-caption.alignright { margin-right: 0; } .yith-wcan-select-wrapper { width:150px; max-width:150px; } .error404 .page-header { margin-left: auto; max-width: 604px; width: 100%; } .archive-header, .search .page-header, .archive .page-header, .blog .page-header, .error404 .page-content, .search .page-content, .archive .page-content, .attachment .entry-header, .attachment .entry-content, .post-navigation .nav-links, .sidebar .site-info, .site-footer .widget-area { padding-left: 20px; padding-right: 20px; } .error404 .page-title { font-size: 24px; padding: 180px; } .error404 .page-title:before { font-size: 554px; } .attachment .image-navigation { max-width: 724px; } .image-navigation .nav-previous, .image-navigation .nav-next { position: static; } .site-main .widget-area { /*margin-right: 60px;*/ margin-right: 0; } /* Search results */ .search-background { margin: 40px 0 -50px 215px; max-width: 60%; } .search-productonly-container { margin: 0 auto; } .search-header-container { height:auto; margin:0 0 0 0; clear:both; } .search-productonly-container .entry-header { max-width:100%; width:100%; } .search-productonly-container .entry-summary { max-width:100%; width:100%; } .page-header { /* margin: 0 auto; */ margin:0 0 -50px 215px; max-width: 60%; } .sidebar .page-content { /* padding: 40px 40px; margin: 40px 0 -50px 215px; max-width: 60%; */ } /* --------------- */ /* Post/Paging Navigation */ .paging-navigation { background-color: #e8e5ce; padding: 40px 0; margin: 40px 0 0 215px; max-width: 60%; } /* WOOCOMMERCE */ #content.entry-content.twentythirteen { max-width:58.5%; } .woocommerce ul.products li.product, .woocommerce-page ul.products li.product { width:48%; float: left; } .woocommerce ul.products li.product:nth-child(2n+1) { width:48%; float: left; } .woocommerce-page ul.products li.product:nth-child(2n+1) { width:48%; float: left; } .woocommerce ul.products li.product:nth-child(2n) { width:48%; float: right; margin-right:0; } .woocommerce-page ul.products li.product:nth-child(2n) { width:48%; float: right; margin-right:0; } .woocommerce-page table.cart td.actions .button, .woocommerce-page table.cart td.actions .input-text, .woocommerce-page table.cart td.actions input { width:100%; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; } /* Woocommerce 6 columns */ .woocommerce.columns-6 ul.products li.product { width:22.10%; float: left; } .woocommerce.columns-6 ul.products li.product:nth-child(2n+1) { float: left; clear:none; } .woocommerce.columns-6 ul.products li.product:nth-child(2n) { float: left; } .woocommerce.columns-6 ul.products li.product:nth-child(3n) { margin-left:3.9%; } .woocommerce.columns-6 ul.products li.product:nth-child(4n) { float: right; margin-right:0; } .woocommerce.columns-6 ul.products li.product:nth-child(4n+1) { margin-left:0; margin-right:3.9%; clear:both; } .woocommerce.columns-6 ul.products li.product:nth-child(6n) { float: left; margin-left:0; } .woocommerce.columns-6 ul.products li.product:nth-child(4n+3) { margin-left:3.9%; } .woocommerce.columns-6 ul.products li.product:last-child { float: right; margin-right:0; } /* -------- */ .site-footer-simple .site-info { padding:20px 0 20px 0; } .site-footer { /*background-color: #2ab7ac;*/ } /* .guide-screen-dimension { background-color:#2ab7ac; } */ } /* ******************** max-width: 999px - BLUE - Sidebar at the bottom */ @media (max-width: 999px) { .header-img { min-height:130px; } .header-image-container { width:300px; height:120px; left:20px; top:0px; } .header-image-container-plus { width:776px; height:120px; background-image:url(images/header-slogan.png); background-repeat:no-repeat; background-size:contain; margin:5px 0 0 0; position:absolute; right:0; } .sidebar .entry-header, .sidebar .entry-content, .sidebar .entry-summary, .sidebar .entry-meta, .sidebar .comment-list, .sidebar .comment-reply-title, .sidebar .comment-navigation, .sidebar .comment-respond .comment-form, .sidebar .featured-gallery, .sidebar .post-navigation .nav-links, .author.sidebar .author-info { /*max-width: 604px;*/ margin: 0 auto; max-width: 800px; } .sidebar .site-info, .search.sidebar .page-content, .blog.sidebar .page-content, .attachment .entry-header, .sidebar .comments-title { /*max-width: 604px;*/ max-width: 800px; } .sidebar .archive-meta, .attachment .entry-header, .search.sidebar .page-content, .blog.sidebar .page-content, .sidebar .site-info, .sidebar .comments-title, .sidebar .no-comments { padding-left: 0; padding-right: 0; } .attachment .entry-meta { float: left; text-align: left; width: 100%; } .attachment .entry-content { max-width: 100%; padding: 40px 0; } .format-status .entry-content { padding-top: 40px; } .format-status .entry-meta { padding-bottom: 40px; } .sidebar .format-status .entry-content, .sidebar .format-status .entry-meta { padding-left: 35px; } .sidebar .format-status .entry-content:before, .sidebar .format-status .entry-meta:before { left: 10px; } .sidebar .format-status .entry-content p:first-child:before { left: 4px; } .sidebar .paging-navigation .nav-links { padding: 0 60px; } #primary.site-content{ max-width:100%; width:100%; background-image: url('images/1000px-black-opacity-80.png'); background-repeat:repeat-y; background-attachment: fix top; /* background-image: url('images/white-opacity-40.png'); background-repeat:repeat-y; background-attachment: fix top; background-size: 215px 60px; background-color:#f90; */ } .entry-content .bibliokritiki { height: auto; max-width: 100% !important; } p.bibliokritiki-center { text-align: left !important; } span.bibliokritiki-titlesmall a{ font-size:0.5em; } /* WOOCOMMERCE custom */ #content.entry-content.twentythirteen { width:100%; max-width:70%; margin: 50px 0 0 215px; background:none; } .content-area .widget_top_rated_products { margin: 0 0 0 195px; /*max-width: 800px*/ /*margin: 0 195px 0 195px;*/ padding:20px 0 20px 20px; } /* Sidebar right -------------------- */ .site-main .sidebar-container { float: none; display:block; height: auto; margin: 0 0 0 215px; /*max-width: 800px; margin: 0 auto*/ max-width: 100%; position: relative; top: 20px; background-color: #eb7; } /* Sidebar right EXTRA -----------------------------------*/ .extra-sidebar-container { margin:0 0 0 215px; } #tertiary.sidebar-container { margin:0; } .sidebar-container .sidebar-inner .widget-area { width: 100%; max-width: 100%; margin:0; } .site-main .widget-area { float: none; margin: 0; width: 100%; } .sidebar .site-footer .widget-area { max-width: 100%; left: 0; } /* Search results */ .search-extra-container{ /* Relative navigation padding: 10px 0; */ padding: 40px 0 10px 215px; } .search-background { margin: 0px 0 -50px 0px; max-width: 100%; /*margin: 40px 0 -50px 215px; max-width: 71%; */ } .search-productonly-container { margin: 0 auto; } .search-header-container { height:auto; margin:0 0 0 0; clear:both; } .search-productonly-container .entry-header { max-width:100%; width:100%; } .search-productonly-container .entry-summary { max-width:100%; width:100%; } .page-header { /* margin: 0 auto; */ margin:0 0 -50px 215px; width:100%; max-width:71%; } .sidebar .page-content { /* padding: 40px; margin: 40px 0 0 215px; width:71%; max-width:71%;*/ } .page-content p { padding: 0 20px; } .page-content .search-form { padding: 0 20px; } /* ---------- */ /* Post/Paging Navigation */ .paging-navigation { background-color: #e8e5ce; padding: 40px 0; margin: 40px 0 0 215px; max-width: 71%; } .sidebar .paging-navigation .nav-links { padding: 10px 0 0 20px; } /** * WOOCOMMERCE in right sidebar widget custom CSS * ---------------------------------------------------------------------------- */ .sidebar-inner .woocommerce { display:none; } #tertiary.sidebar-container .sidebar-inner .widget-area { background-color: #635349; } #tertiary.sidebar-container .sidebar-inner .widget-area aside#yith-woo-ajax-navigation-2 { display:none; background-color: transparent; visibility: hidden; height:1px; } #tertiary.sidebar-container .sidebar-inner .widget-area aside#yith-woo-ajax-navigation-3 { display:none; background-color: transparent; visibility: hidden; height:1px; } #tertiary.sidebar-container .sidebar-inner .widget-area aside#yith-woo-ajax-reset-navigation-2 { display:none; background-color: transparent; visibility: hidden; height:1px; } /** * WOOCOMMERCE in left sidebar widget custom CSS * ---------------------------------------------------------------------------- */ /* Show only yith search plugin */ .leftsidebar-1 aside#yith-woo-ajax-navigation-4 { display:block !important; } .leftsidebar-1 aside#yith-woo-ajax-navigation-6 { display:block !important; } .leftsidebar-1 aside#yith-woo-ajax-reset-navigation-3 { display:block !important; } /** * EXTRA WIDGET TEXT WOOCOMMERCE in bottom custom widget * ---------------------------------------------------------------------------- */ .textwidget-custom-container { margin: 0 -20px 15px 195px; } .site-footer-simple { /*max-width: 800px; margin: 0 auto; margin: 0 20% 0 18%; */ margin: 0 0 0 195px; padding:0 0px 20px 20px; } .site-footer { /*background-color: #0072bc;*/ } .guide-screen-dimension { background-color:#0072bc; } } /* ******************** max-width: 870px */ /* Header slogan adjustment. */ @media (max-width: 870px) { .header-image-container-plus { width:734px; height:120px; background-image:url(images/header-slogan.png); background-repeat:no-repeat; background-size:contain; margin:8px 0 0 0; position:absolute; right:0; } .category-vivliokritiki .entry-title{ text-align: left; } p.bibliokritiki-leftside { display:block; width:80%; vertical-align: top; margin-right: 0; } .bibliokritiki-rightside { display:block; width:100%; } /* WP PAGE NAVI */ .category-vivliokritiki .wp-pagenavi { text-align:left !important; } .wp-pagenavi span.pages { text-align:left !important; } } /* ******************** max-width: 767px - MAUVE */ /* Collapse oversized image and pulled images after iPad breakpoint. */ @media (max-width: 767px) { .site-header .home-link { color: #141412; display: block; margin: 0 auto; max-width: 1080px; min-height: 10px; padding: 0 20px; text-decoration: none; width: 100%; } .site-custom-header { width:100%; max-width:780px; height:130px; background-image:url(images/headers/header-custom.jpg); background-repeat:no-repeat; background-size:1500px 200px; background-position: center top; background-attachment: scroll; } .header-img { display:none; } .entry-content img.alignleft, .entry-content .wp-caption.alignleft { margin-left: 0; } .entry-content img.alignright, .entry-content .wp-caption.alignright { margin-right: 0; } .attachment .image-navigation, .attachment .entry-attachment .attachment { max-width: 604px; padding: 0; width: 100%; } .gallery-caption { display: none; } /* Search results */ .search-background { /*margin: 40px 0 -50px 215px; max-width: 65%; */ } .search-productonly-container { margin: 0 auto; } .search-header-container { height:auto; margin:0 0 0 0; clear:both; } .search-productonly-container .entry-header { max-width:100%; width:100%; } .search-productonly-container .entry-summary { max-width:100%; width:100%; } .page-header { /* margin: 0 auto; */ margin:0 0 -50px 215px; width:100%; max-width:65%; } .sidebar .page-content { /* padding: 40px; margin: 40px 0 0 215px; width:65%; max-width:65%; */ } /* ----------- */ /* Post/Paging Navigation */ .paging-navigation { background-color: #e8e5ce; padding: 40px 0; margin: 40px 0 0 215px; max-width: 65%; } /*WP Navi */ .wp-pagenavi span.pages { float:none; display: block; background-color: transparent; } /* WOOCOMMERCE */ #content.entry-content.twentythirteen { max-width: 65%; } .woocommerce input.button, .woocommerce-page #content input.button, .woocommerce-page input.button { font-size:11px; } .woocommerce table.cart td.actions .button, .woocommerce table.cart td.actions input, .woocommerce-page #content table.cart td.actions .button, .woocommerce-page #content table.cart td.actions input, .woocommerce-page table.cart td.actions .button, .woocommerce-page table.cart td.actions input{ float:none; width: 100%; } /* ----------- */ /* Woocommerce 6 columns */ .woocommerce.columns-6 ul.products li.product { width:45%; float: left; margin-left:0; } .woocommerce.columns-6 ul.products li.product:nth-child(2n+1) { float: left; margin-left:0; clear:both; } .woocommerce.columns-6 ul.products li.product:nth-child(2n) { float: right; margin-left:5%; } .woocommerce.columns-6 ul.products li.product:nth-child(4n) { float: right; } #content div.product div.images, .woocommerce div.product div.images, .woocommerce-page #content div.product div.images, .woocommerce-page div.product div.images{ float: none; width: 100%; margin-bottom: 20px; margin-left:0; } .site-footer { /*background-color: #7c2ea8;*/ } /* Sidebar right -------------------- */ .site-main .sidebar-container { /* float: none; display:block; height: auto; margin: 0 0 0 215px; max-width: 65%; position: relative; top: 20px; background-color: #eb7; */ } /* Contact form -------------------- */ .contact-form-custom-container { margin:0 auto; width:100%; text-align:center; /*background-color:#f31;*/ } #cntctfrm_contact_form { max-width:100%; } .guide-screen-dimension { background-color:#7c2ea8; } /* Google map */ .googlemap { /* width: 400px; height: 400px; margin: 0 auto;*/ /* width: 100%; height: 420px; margin: 0 0 20px 0; padding:0; */ width: 100%; height: 400px; margin: 0 auto 20px; } } /* ******************** max-width: 710px - MOBILE - PINK */ /* --------------- SMALL MENU */ @media (max-width: 710px) { .site-custom-header { height:170px; } .header-image-container-plus { margin:10px 0 0 0; position:absolute; top:90px; left:-428px; } /* SEARCH FIELD ALWAYS VISIBLE */ .site-header .search-form { /*top: 5px; left: 120px; position: absolute; z-index:30;*/ top: 5px; left: 0; position: relative; z-index: 30; width: 100%; max-width: 100%; } .site-header .search-field:focus { width: 150px; } .navbar { margin-top:0px; /* Relative navigation */ position:relative; } .site-title { font-size: 30px; } .hentry { /*padding: 46px 0;*/ padding: 46px 0; } .archive article.category-vivliokritiki.hentry { padding: 0; } .entry-title { /* font-family: "Open Sans", Helvetica, sans-serif; line-height: 1; font-size:10px; font-weight: 300; font-style: normal; letter-spacing: 0px; margin: 0; padding:15px 0 15px 20px; text-align:center; color:#FA491D; */ } /* CUSTOM TITLES and OTHER TEXT AREA WIDTH AND SIZE in specific pages */ /* Poioi eimaste */ #post-34 .entry-title { margin-left:0px; } /* Syndesmoi */ #post-2449 .entry-title { margin-left:0px; } /* Video */ #post-3992 .entry-title { margin-left:0px; } .sticker { width:40px; height:40px; position:absolute; top:0px; left:220px; margin-right:10px; float:left;/* background-color:#3C6; */ } .extralogo { background-image:url(images/valrhona_logo_small_menu.png); background-repeat:no-repeat; background-size:contain; width:80px; height:50px; position:absolute; top:8px; left:110px; margin-right:10px; float:left;/* background-color:#3C6; */ /* fixed navigation */ z-index:60; } .flag { position:absolute; top:10px; right:10px;/* float:right; */ } .textnarrow { padding:0px; } #content .entry-header, #content .entry-content, #content .entry-summary, #content footer.entry-meta, #content .featured-gallery, .search.sidebar .page-content, .blog.sidebar .page-content, .sidebar .post-navigation .nav-links, .paging-navigation .nav-links, #content .author-info, .comments-area .comments-title, .comments-area .comment-list, .comments-area .comment-navigation, .comment-respond, .sidebar .site-info, .sidebar .paging-navigation .nav-links { padding-left: 20px; padding-right: 20px; } #content .format-status .entry-content, #content .format-status .entry-met { padding-left: 35px; } /* Small menu MAIN MENU */ .menu-toggle { cursor: pointer; display: inline-block; font: bold 16px/1.3 "Open Sans", Helvetica, sans-serif; margin: 0; padding: 12px 0 12px 20px; /*color:#AD9889;*/ color:#000; -webkit-transition: background-color 0.4s ease-out, color 0.4s ease-out; -moz-transition: background-color 0.4s ease-out, color 0.4s ease-out; -ms-transition: background-color 0.4s ease-out, color 0.4s ease-out; -o-transition: background-color 0.4s ease-out, color 0.4s ease-out; transition: background-color 0.4s ease-out, color 0.4s ease-out; } .menu-toggle:hover { color:#d1c0b5; } .menu-toggle:after { /*content: "\f502";*/ content: url(images/arrow_down.png); /*font-size: 12px;*/ padding-left: 8px; /*vertical-align: -4px;*/ vertical-align: -8px; } .toggled-on .menu-toggle:after { /*content: "\f500";*/ content: url(images/arrow_up.png); /*vertical-align: 2px;*/ vertical-align: -8px; } .toggled-on .nav-menu, .toggled-on .nav-menu > ul { display: block; margin-left: 0; padding: 0; width: 100%; } .toggled-on li, .toggled-on .children { display: block; } .toggled-on .nav-menu li > ul { background-color: transparent; display: block; float: none; margin-left: 0; position: relative; left: auto; top: auto; } .toggled-on .nav-menu li > ul a { color: #d1af83; width: auto; margin-left: 20px; } .toggled-on .nav-menu ul.sub-menu { display: block; clear:both; float: none; position: relative; width:100%; height:auto; } .toggled-on .nav-menu li:hover > a, .toggled-on .nav-menu .children a { background-color: transparent; color: #454443; } .toggled-on .nav-menu li a:hover, .toggled-on .nav-menu ul a:hover { background-color: #db572f; color: #fff; } .toggled-on .nav-menu .current_page_item > a, .toggled-on .nav-menu .current_page_ancestor > a, .toggled-on .nav-menu .current-menu-item > a, .toggled-on .nav-menu .current-menu-ancestor > a { color: #bc360a; font-style: normal; } ul.nav-menu, div.nav-menu > ul { display: none; } /* Menu items indent with padding ------------------------ */ .nav-menu li a { padding: 8px 20px; font: 16px "Open Sans", Helvetica, sans-serif; } /* Extra links with images ------------------------ */ .nav-menu #menu-item-207, .nav-menu #menu-item-31 { top:10px; } .nav-menu #menu-item-207 a, .nav-menu #menu-item-31 a { margin:0 0 20px 20px; } .nav-menu #menu-item-190 { top:10px; } .nav-menu #menu-item-190 a { margin:0 0 20px 20px; } /* CUSTOM NAVIGATION MENU Small menu */ .custom-navbar { /*background: url(images/black-opacity-80.png) repeat;*/ margin: 0; /*margin: 0 auto; max-width: 1600px;*/ max-width: 100%; width: 100%; border-bottom: 0px #FA491D solid; /* Relative navigation position:relative; */ position:relative; /* Fixed navigation position:fixed; */ z-index:50; top: 0px; } .custom-main-navigation { clear: both; /* Full width margin: 0 20px 0 0; max-width: 100%; */ margin: 0 auto; max-width: 1230px; /* Fixed width margin: 0 auto; max-width: 1080px;*/ min-height: 45px; position: relative; /*background: url(images/black-opacity-80.png) repeat;*/ } .custom-menu-toggle { cursor: pointer; display: inline-block; font: bold 16px/1.3 "Open Sans", Helvetica, sans-serif; margin: 0; padding: 10px 0 6px 20px; /*color:#AD9889;*/ color:#fcf1e8; background-color:#b51f1f; width:100%; -webkit-transition: background-color 0.4s ease-out, color 0.4s ease-out; -moz-transition: background-color 0.4s ease-out, color 0.4s ease-out; -ms-transition: background-color 0.4s ease-out, color 0.4s ease-out; -o-transition: background-color 0.4s ease-out, color 0.4s ease-out; transition: background-color 0.4s ease-out, color 0.4s ease-out; } .custom-menu-toggle:hover { color:#d1c0b5; } .custom-menu-toggle:after { /*content: "\f502";*/ content: url(images/arrow_down.png); /*font-size: 12px;*/ padding-left: 8px; /*vertical-align: -4px;*/ vertical-align: -8px; } .toggled-on .custom-menu-toggle:after { /*content: "\f500";*/ content: url(images/arrow_up.png); /*vertical-align: 2px;*/ vertical-align: -8px; } .toggled-on .custom-nav-menu, .toggled-on .custom-nav-menu > ul { display: block; margin-left: 0; padding: 0; width: 100%; } .toggled-on li, .toggled-on .children { display: block; } .toggled-on .custom-nav-menu li > ul { background-color: transparent; display: block; float: none; margin-left: 20px; position: relative; left: auto; top: auto; } .toggled-on .custom-nav-menu li > ul a { /*color: #D1AF83;*/ color:#948d88; width: auto; } .toggled-on .custom-nav-menu li:hover > a, .toggled-on .custom-nav-menu .children a { background-color: transparent; color: #454443; } .toggled-on .custom-nav-menu li a:hover, .toggled-on .custom-nav-menu ul a:hover { background-color: #db572f; color: #fff; } .toggled-on .custom-nav-menu .current_page_item > a, .toggled-on .custom-nav-menu .current_page_ancestor > a, .toggled-on .custom-nav-menu .current-menu-item > a, .toggled-on .custom-nav-menu .current-menu-ancestor > a { color: #bc360a; font-style: normal; } ul.custom-nav-menu, div.custom-nav-menu > ul { display: none; } .menu-plus-menu-container { z-index:50; } /* Menu items indent with padding ------------------------ */ .custom-nav-menu li a { padding: 8px 20px; font: 16px "Open Sans", Helvetica, sans-serif; } /* ------------------------------ */ #content .featured-gallery { padding-left: 24px; } .gallery-columns-1 .gallery-item { margin-right: 0; width: 100%; } .entry-title, .format-chat .entry-title, .format-image .entry-title, .format-gallery .entry-title, .format-video .entry-title { font-size: 22px; font-weight: bold; } .format-quote blockquote, .format-status .entry-content { font-size: 18px; } .format-quote blockquote small, .format-quote blockquote cite { font-size: 13px; } .error404 .page-title { padding: 40px 0 0; } .error404 .page-title:before { content: normal; } .comment-author { margin-right: 30px; } .comment-author .avatar { height: auto; max-width: 100%; } .comment-metadata, .comment-content, .comment-list .reply { width: 70%; width: -webkit-calc(100% - 104px); width: calc(100% - 104px); } .comment-form input[type="text"], .comment-form input[type="email"], .comment-form input[type="url"] { width: -webkit-calc(100% - 120px); width: calc(100% - 120px); } .comment-form textarea { height: 80px; /* Smaller field for mobile. */ } /* Audio */ .format-audio .entry-content:before { display: none; } .format-audio .audio-content { background-image: none; float: none; padding-left: 0; width: auto; } .site-info { padding: 15px 10px; font-size:12px; } #content.entry-content.twentythirteen { margin: 50px 0 10px 0px; max-width:100%; width:100%; background-image: url('images/black-opacity-80.png'); background-repeat:repeat; } .content-area .widget_top_rated_products { margin: 0 0 0 0; /*max-width: 800px*/ /*margin: 0 195px 0 195px;*/ padding:20px 0 20px 0; } .content-area .widget_top_rated_products .widget-title { padding:0 0 0 20px; } /* .sidebar-container { float: none; margin: 0; padding:0; width: 100%; max-width: 100%; background-color: #fff; display:block; } .sidebar-container .sidebar-inner .widget-area { width: 100%; max-width: 100%; } .site-main .sidebar-container { height: auto; margin: 0 0 0 0; position: relative; top: 20px; } */ .site-main .sidebar-container { /* float: none; display:block; height: auto; margin: 0 0 0 0; max-width: 100%; position: relative; top: 20px; background-color: #eb7; */ } #primary.site-content{ max-width:100%; width:100%; background:none; /*background-size: 215px 60px; background-color:#f90;*/ /* background-image: url('images/white-opacity-40.png'); background-repeat:repeat-y; background-attachment: fix top; background-size: 215px 60px; background-color:#f90; */ } .breadcrumb-custom-category { margin-left:25px; } /* Sidebar right EXTRA -----------------------------------*/ .extra-sidebar-container { margin:0 0 0 0px; } #tertiary.sidebar-container { max-width: 100%; width:100%; margin:0; padding:0; } .sidebar-container .sidebar-inner .widget-area { width: 100%; max-width: 100%; margin:0; } /* Bibliokritiki */ .category-vivliokritiki #taxonomy_dropdown_widget-2 , .page-template-Vivliokritikipage #taxonomy_dropdown_widget-2, .archive.tag #taxonomy_dropdown_widget-2 { display:none ; } .category-vivliokritiki #taxonomy_dropdown_widget-3, .page-template-Vivliokritikipage #taxonomy_dropdown_widget-3, .archive.tag #taxonomy_dropdown_widget-3 { display:block; } #taxonomy_dropdown_widget-3 .widget-title { font-size: 14px; font-family: "Open Sans", Helvetica, sans-serif; font-style: normal; } #taxonomy_dropdown_widget-3 .taxonomy_dropdown_widget_dropdown { color: #838383; background-color: transparent; font-size: 0.9em; } /* Search results */ .search-background { /* margin: 40px 0 -50px 0px; max-width: 100%;*/ } .search-productonly-container { margin: 0 auto; } .search-extra-container{ /* Relative navigation padding: 10px 0; */ padding: 40px 0 10px 0px; } .search-productonly-container .entry-header { max-width:100%; width:100%; } .search-productonly-container .entry-summary { max-width:100%; width:100%; } .page-header { /* margin:0 0 -50px 0*/ margin:0 0 -50px 0; width:100%; max-width:100%; } .search-header-container { overflow:visible; height:auto; margin:0 0 0-50px 0; clear:both; } .sidebar .page-content { padding: 40px; margin: 40px 0 0 0; width:100%; max-width:100%; } /* ----------- */ /* Custom search page */ .custom-search-content .entry-thumbnail{ float:none; width: 100%; } .custom-search-content .elements{ float:none; width: 100%; } .custom-search-content .entry-title{ padding-left:0px; text-align:center; } .custom-search-content #post-34 .entry-title, .custom-search-content #post-2449 .entry-title, .custom-search-content #post-3992 .entry-title { padding-left:0px; text-align:center; } .custom-search-content .entry-thumbnail-none { display: none; } /* Post/Paging Navigation */ .paging-navigation { background-color: #e8e5ce; padding: 40px 0; margin: 40px 0 0 0; max-width: 100%; } /* WPNavi*/ .wp-pagenavi a.first , .wp-pagenavi .extend, .wp-pagenavi a.last, .wp-pagenavi a.page, .wp-pagenavi .current, .wp-pagenavi .nextpostslink, .wp-pagenavi .previouspostslink, .wp-pagenavi a.page.larger { float:left; } .category-vivliokritiki .wp-pagenavi { text-align:left; } /* Tables */ /* Force table to not be like tables anymore */ table { border-bottom: 1px solid #ededed; border-collapse: collapse; border-spacing: 0; font-size: 14px; line-height: 0.9; margin: 0 0 8px; width: 100%; } /* table, tbody, td, tr { display: block; } */ tbody, td, tr { display: block; } /* Hide table headers (but not display: none;, for accessibility) */ thead tr { position: absolute; top: -9999px; left: -9999px; } tr { border-bottom: 1px solid #ededed; border-collapse: collapse; } td { /* Behave like a "row" */ border: none; position: relative; } td:before { /* Now like a table header */ position: absolute; /* Top/left values mimic padding */ top: 6px; left: 6px; width: 45%; padding-right: 10px; white-space: nowrap; } /** * WOOCOMMERCE in content CSS * ---------------------------------------------------------------------------- */ .cart-collaterals .cart_totals tr th, .woocommerce-page .cart-collaterals .cart_totals tr td, .woocommerce-page .cart-collaterals .cart_totals tr th { border-top: 0px solid #F7F6F7; line-height:1.3; } .woocommerce .cart-collaterals .cart_totals table{ border: none; } .woocommerce table.shop_table tr:last-child { border: none; } .cart_item .product-name { line-height:1.2; } #content div.product div.images, .woocommerce div.product div.images, .woocommerce-page #content div.product div.images, .woocommerce-page div.product div.images{ margin-left:25px; } /** * WOOCOMMERCE in left sidebar widget custom CSS * ---------------------------------------------------------------------------- */ .leftsidebar-1 { z-index:50; background-color:#f7f5e7; } .leftsidebar-1-spacer { margin:0 0 0 0; /*display:none;*/ } .yith-wcan-select-wrapper { width:90%; max-width:90%; } .site-info { padding: 15px 10px; font-size:12px; } /* ----------- */ /* NEXT LINE breaks*/ .nextline { display:block; float:none; } .type-element { } /** * EXTRA WIDGET TEXT WOOCOMMERCE in bottom custom widget * ---------------------------------------------------------------------------- */ .textwidget-custom-container { margin: 0 -20px 15px -20px; } .site-footer-simple { /*max-width: 800px; margin: 0 auto; margin: 0 20% 0 18%; */ margin: 0; padding:0; } .site-footer { /*background-color: #f263b8;*/ } .guide-screen-dimension { background-color:#f263b8; } } /* Maximum width of 600 pixels. */ @media screen and (max-width: 600px) { /* COLUMNS */ .two_third { padding-left:0px; } } /* ******************** max-width: 359px - BROWN */ /* Mobile devices */ @media (max-width: 359px) { .header-image-container { /*width:100px; height:60px;*/ width: 100%; background-image:url(images/logo-small-screen.png); background-repeat:no-repeat; background-size:contain; background-position: center; position:absolute; top:0; left:0; } .header-image-container-plus { display:none; } .site-custom-header { height:130px; } .gallery { margin-left: 0; } .gallery .gallery-item, .gallery-columns-2.gallery-size-thumbnail .gallery-item { max-width: none; width: 49%; width: -webkit-calc(50% - 4px); width: calc(50% - 4px); } .gallery-columns-1.gallery-size-medium, .gallery-columns-1.gallery-size-thumbnail, .gallery-columns-2.gallery-size-thumbnail, .gallery-columns-3.gallery-size-thumbnail { display: block; } .gallery-columns-1 .gallery-item, .gallery-columns-1.gallery-size-medium .gallery-item, .gallery-columns-1.gallery-size-thumbnail .gallery-item { text-align: center; width: 98%; width: -webkit-calc(100% - 4px); width: calc(100% - 4px); } .gallery-columns-3 .gallery-item:nth-of-type(3n), .gallery-columns-5 .gallery-item:nth-of-type(5n), .gallery-columns-7 .gallery-item:nth-of-type(7n), .gallery-columns-9 .gallery-item:nth-of-type(9n) { margin-right: 4px; } .gallery br { display: none; } .gallery .gallery-item:nth-of-type(even) { margin-right: 0; } /* Comments */ .comment-author { margin: 0 0 5px; max-width: 100%; } .comment-author .avatar { display: inline; margin: 0 5px 0 0; max-width: 20px; } .comment-metadata, .comment-content, .comment-list .reply { width: 100%; } input[type="search"] { -webkit-appearance: textfield; padding-right: 2px; /* Don't cut off the webkit search cancel button */ width: 120px; } .site-header .search-field:focus { background-color: #fff; border: 1px solid #c3c0ab; cursor: text; outline: 0; width:120px; } .site-footer .widget { background: transparent; color: #fff; float: left; /* margin:0 10px 0 -40px; */ width: 200px; } /* Tables */ /* Force table to not be like tables anymore */ table { border-bottom: 1px solid #ededed; border-collapse: collapse; border-spacing: 0; font-size: 12px; line-height: 0.4; margin: 0 0 8px; width: 100%; } /* table, tbody, td, tr { display: block; } */ tbody, td, tr { display: block; } /* Hide table headers (but not display: none;, for accessibility) */ thead tr { position: absolute; top: -9999px; left: -9999px; } tr { border-bottom: 1px solid #ededed; border-collapse: collapse; } td { /* Behave like a "row" */ border: none; position: relative; } td:before { /* Now like a table header */ position: absolute; /* Top/left values mimic padding */ top: 6px; left: 6px; width: 45%; padding-right: 10px; white-space: nowrap; } /* TABLES special */ table#menu1 { line-height: 1; } table#menu1 td { border-top: 0px solid #5E5A50; } /* WOOCOMMERCE */ .woocommerce ul.products li.product, .woocommerce-page ul.products li.product { width:100%; float: none; } .woocommerce ul.products li.product:nth-child(2n+1) { width:100%; float: none; } .woocommerce-page ul.products li.product:nth-child(2n+1) { width:100%; float: none; } .woocommerce ul.products li.product:nth-child(2n) { width:100%; float: none; margin-bottom: 20px; } .woocommerce-page ul.products li.product:nth-child(2n) { width:100%; float: none; margin-bottom: 30px; } .woocommerce-page table.cart td.actions .button, .woocommerce-page table.cart td.actions .input-text, .woocommerce-page table.cart td.actions input { width:100%; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box } /* Woocommerce 6 columns */ .woocommerce.columns-6 ul.products li.product { width:100%; float: left; margin:0 ; } .woocommerce.columns-6 ul.products li.product:nth-child(2n+1) { float: left; margin:0 0 20px 0; } .woocommerce.columns-6 ul.products li.product:nth-child(2n) { float: left; margin:0 0 20px 0 ; } .site-info { padding: 10px 10px; font-size:12px; } .site-footer { /*background-color: #A36129;*/ } /* CONTACT FORM - Contact form plugin * ---------------------------------------------------------------------------- */ .contact-form-custom-container { margin:0 auto; width:100%; } .guide-screen-dimension { background-color:#A36129; } /* SLIDESHOW plugin by StefanBoonstra * ---------------------------------------------------------------------------- */ .slideshow_button.slideshow_previous.slideshow_transparent { margin-top:-35px; margin-left:-10px; } .slideshow_button.slideshow_next.slideshow_transparent { margin-top:-35px; margin-right:-10px; } .slideshow_slide { margin-bottom: 30px ; } } /* ******************** max-width: 320px - GREY*/ @media (max-width: 320px) { .site-info { padding: 5px 10px; font-size:10px; } .site-footer { /*background-color: #333;*/ } /* .guide-screen-dimension { background-color:#333; } */ }