/*
Theme Name: Grammatikas
Author: Petros Symeonidis
Author URI: http://bighorrorathens.com
Description: Custom made theme for Grammatikas Website.
Version: 1.1
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: grammatikas
*/


@font-face {
	font-family: 'PFFuturaNeuBook';
	src: url('fonts/pffuturaneu-book-webfont.eot') format('eot');
  src: url('fonts/pffuturaneu-book-webfont.eot?#iefix') format('embedded-opentype'),
	     url('fonts/pffuturaneu-book-webfont.woff') format('woff'), 
	     url('fonts/pffuturaneu-book-webfont.ttf')  format('truetype'),
       url('fonts/pffuturaneu-book-webfont.svg#pf_futura_neubook') format('svg');
}
@font-face {
	font-family: 'PFFuturaNeuMedium';
	src: url('fonts/pffuturaneu-medium-webfont.eot') format('eot');
  src: url('fonts/pffuturaneu-medium-webfont.eot?#iefix') format('embedded-opentype'),
	     url('fonts/pffuturaneu-medium-webfont.woff') format('woff'), 
	     url('fonts/pffuturaneu-medium-webfont.ttf')  format('truetype'),
       url('fonts/pffuturaneu-medium-webfont.svg#pf_futura_neumedium') format('svg');
}
html {
  font-size: 14px !important;
}

html.font-size--lg {
  font-size: 16px !important;
}

html.font-size--xl {
  font-size: 18px !important;
}

html.font-size--xxl {
  font-size: 20px !important;
}

body {
  font-size: 1rem !important;
}

.archive-title {
  text-align: center;
  text-transform: uppercase;
  margin: 38px 0;
}

#header_wrapper {background: #e2e2e2;}
header {
  margin: 46px 0;
}
.site-title { margin: 7px 0; }
nav#site-navigation {
  display: block;
}
nav#site-navigation .menu-main-menu-container {
  float:right;
  overflow: auto;
}
nav#site-navigation ul.nav-menu {
  list-style: none;
  margin-left: 0;
}
nav#site-navigation ul.nav-menu li, .kitchen_thumbs li {
  float: left;
  padding: 0 11px;
  border-top: 1px solid #717171;
  border-bottom: 1px solid #717171;
}
nav#site-navigation ul.nav-menu li a {
  text-transform: uppercase;
  line-height: 36px;
  letter-spacing: 1px;
  font-size: 12px;
  font-size: 0.857rem;
  color: #4d4d4d;
}
nav#site-navigation ul.nav-menu li.current-menu-item, nav#site-navigation ul.nav-menu li:hover { border-color: #000; }
nav#site-navigation ul.nav-menu li.current-menu-item a, nav#site-navigation ul.nav-menu li:hover a { color: #000; }
nav#site-navigation ul.nav-menu li a:hover {text-decoration: none;}

/* Slider */
#slider_container {width: 100%}
.image_wrapper {overflow: hidden;}
.image_wrapper img {position: relative;}
.caption {height: 144px; text-align: center; padding-top: 40px;}
.caption h5, .caption p.image_desription {max-width: 626px; margin: 0 auto;}
.caption h5 { font-size: 17px; font-size: 1.2rem; color: #000; margin-bottom: 7px; }
.image_desription { font-family: Georgia, serif;}

.rslides {
  position: relative;
  list-style: none;
  overflow: hidden;
  width: 100%;
  padding: 0;
  margin: 0;
  }

.rslides li {
  -webkit-backface-visibility: hidden;
  position: absolute;
  display: none;
  width: 100%;
  left: 0;
  top: 0;
  }

.rslides li:first-child {
  position: relative;
  display: block;
  float: left;
  }

.rslides img {
  display: block;
  height: auto;
  float: left;
  width: 100%;
  border: 0;
  }
.centered-btns_nav {
  z-index: 3;
  position: absolute;
  -webkit-tap-highlight-color: rgba(0,0,0,0);
  top: 50%;
  left: 0;
  text-indent: -9999px;
  overflow: hidden;
  text-decoration: none;
  height: 70px;
  width: 70px;
  background: transparent url("images/slider_arrows.png") no-repeat left top;
  margin-top: -45px;
  }

.centered-btns_nav:active {
  opacity: 1.0;
  }

.centered-btns_nav.next {
  left: auto;
  background-position: right top;
  right: 0;
  }
.centered-btns_nav:focus {
  outline: none;
  }

.application_slider .centered-btns_nav {
  height: 60px;
  width: 60px;
  background: transparent url("images/slider_arrows_small.png") no-repeat left top;
  margin-top: -30px;
}
.application_slider .centered-btns_nav.next {
  background-position: right top !important;
  }

/* Assistive text */
.assistive-text,
.site .screen-reader-text {
	position: absolute !important;
	clip: rect(1px, 1px, 1px, 1px);
}
.main-navigation .assistive-text:hover,
.main-navigation .assistive-text:active,
.main-navigation .assistive-text:focus {
	background: #fff;
	border: 2px solid #333;
	border-radius: 3px;
	clip: auto !important;
	color: #000;
	display: block;
	font-size: 12px;
	font-size: 0.857rem;
	padding: 12px;
	position: absolute;
	top: 5px;
	left: 5px;
	z-index: 100000; /* Above WP toolbar */
}

/* Footer */
#footer_parts {margin-bottom: 25px; border-top: 1px solid #7d7d7d;}
#footer_parts .row {padding-top: 50px;}
#footer_parts span.footer-header {text-transform: uppercase; border-bottom: 1px solid #7d7d7d; line-height: 30px; font-family: "PFFuturaNeuBook", sans-serif; color: #000; display: block; margin: 10px 0; font-size: 12px; font-size: 0.857rem;}
#footer_parts p {
  font-size: 14px; 
  font-size: 1rem;
  line-height: 1.2857; 
  font-family: "Georgia", serif; 
}
#footer_parts p a {color: #666;}
#footer_parts ul.square-btns_tabs { list-style: none; margin: 0; overflow: hidden; }
#footer_parts ul.square-btns_tabs li { float: left; margin-right: 5px; }
#footer_parts ul.square-btns_tabs li a { text-indent: -9999px; display: block; height: 10px; width: 10px; background: #fff;}
#footer_parts ul.square-btns_tabs li.square-btns_here a {background: #b3b3b3;}

footer#colophon {
  padding: 22px 0;
  background: #e2e2e2;
}
footer#colophon .container .row {
  /*margin-left: 0;*/
}
footer#colophon span {
  font-size: 11px;
  font-size: 0.786rem;
  line-height: 1;
}
footer#colophon a {
  font-size: 10px;
  font-size: 0.71rem;
  color: #666;
}

footer#colophon #language_picker {
  margin-right: 12px;
  float: left;
}

footer#colophon #credits {
  float: left;
}
footer#colophon #language_picker a {
  font-size: 13px;
  font-size: 0.9285rem;
  color: #4d4d4d;
  text-transform: uppercase;
}
footer#colophon #language_picker a.current {
  text-decoration: underline;
}

.font-size-controls {
  font-size: 16px;
  text-align: right;
  color: black;
}

/* Archives */

/* -- Work -- */
header.archive-header {margin: 0; border-bottom: 1px solid #7d7d7d; position: relative;}
header.archive-header h1 {text-transform: uppercase; font-size: 16px; font-size: 1.14rem; line-height: 98px; margin: 0; text-align: center;}
header.archive-header p {text-align: center; position: absolute; bottom: 1px; width: 100%;}
header.archive-header p a {font: 14px "Georgia", serif; color: #666666; }


.work_holder {text-align: center; background: #FFF;}
.work_holder .hover_details_wrapper, .product_holder .hover_details_wrapper {background: #ececec; position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: none;}

.work_holder .hover_details_wrapper p {
  font-size: 14px;
  font-size: 1rem;
  line-height: 1.2857;
  font-family: "Georgia", serif;
  text-align: left; 
  padding: 0 60px; 
  max-height: 140px; 
  overflow: hidden;
}

.work_holder .hover_details_wrapper h2 {
  font-size: 17.5px;
  font-size: 1.25rem;
  text-align: left;
  padding: 16px 60px 12px 60px;
  margin: 0;
}
.work_holder .hover_details_wrapper .work_links {text-align: center; width: 100%; position: absolute; bottom: 15px;}
.work_holder .hover_details_wrapper a.see_work, .work_holder .hover_details_wrapper div.share_work {text-transform: uppercase; border-top: 1px solid #717171; border-bottom: 1px solid #717171; text-align: center; color: #4d4d4d; font-size: 12px; font-size: 0.857rem; padding: 7px 0; font-family: "PFFuturaNeuBook";}
.work_holder .hover_details_wrapper a:hover, .work_holder .hover_details_wrapper div.share_work:hover {text-decoration: none; color: #000; border-top: 1px solid #000; border-bottom: 1px solid #000; }
.work_holder .hover_details_wrapper a.see_work {margin-left: 60px;}
.work_holder .hover_details_wrapper .share_work {margin-right: 60px; float: right; position: relative;}
.work_holder .hover_details_wrapper .share_work .addthis_toolbox {position: absolute; top: 0px; padding: 6px 0; display: none; width: 100%; height: 100%;}
.work_holder .hover_details_wrapper .share_work .addthis_toolbox a {padding: 0 !important; float: none; opacity: 0.4;}
.work_holder .hover_details_wrapper .share_work .addthis_toolbox a:hover {opacity: 1; text-decoration: none;}
.work_holder .hover_details_wrapper .share_work .addthis_toolbox a img {width: auto;}
.work_holder .work_wrapper {margin: 15px; position: relative;}
.work_holder .work_wrapper img {width: 100%;}


.site-content {overflow: auto;}
.site-content.archive .row {margin-top: 46px;}
.site-content.archive .row.first {margin-top: 59px;}
.site-content.archive .row.navigation {position: absolute; bottom: -40px;}


.site-content #content {margin-bottom: 80px; position: relative;}

#work_slides .image_wrapper {
  border: 15px solid #fff;
}


/* -- Product -- */
.products header.archive-header h4 {
  /*line-height: 16px; */
  /*margin-top: 41px;*/
  /*text-align: center;*/
}
.product_holder .product_wrapper {position: relative;}
.product_holder .product_wrapper img {width: 100%;}
.product_holder .product_wrapper .hover_details_wrapper {background: url("images/triangle.png") no-repeat; background-size: 100%;}
.product_holder .product_wrapper .hover_details_wrapper h2 {
  position: absolute; 
  bottom: 20px; 
  left: 20px; 
  margin: 0; 
  font-size: 17.5px;
  font-size: 1.25rem;
}

ul#product_categories {list-style: none; text-align: center; margin: -28px 0 11px 0;}
ul#product_categories li {display: inline; margin: 0 5px;}
ul#product_categories li a {
  font-size: 14px;
  font-size: 1rem;
  font-family: "Georgia", serif; 
  color: #666666; 
}
ul#product_categories li a.current {text-decoration: underline;}
 



/* Single */

/* -- Work -- */
.single_work header h4 {text-transform: none;}
.single_work #slider_container {position:relative;}

.single_work .centered-btns_nav { margin-top: -34px; }

/* -- Product -- */
.single_product #content {margin: 49px auto 58px auto;}
.single_product header, #page_list header { margin: 0; }
.single_product header h4, 
.single_product #similar_products h4#similar_title, 
#page_list header h4 {
  font-size: 17.5px;
  font-size: 1.25rem;
  line-height: 1; 
  padding-bottom: 10px; 
  border-bottom: 1px solid #767676; 
  margin-top: 0px; 
}

.single_product #product_info p, .single_product ul#characteristics li, #page_list ul li {
  font-size: 14px;
  font-size: 1rem;
  line-height: 1.2857;
  font-family: "Georgia", serif;
}

.single_product #product_characteristics {margin-top: 30px;}
.single_product ul#characteristics {list-style: none; margin: 0;}
.single_product #product_links, #application_links { margin-top: 27px; }
.single_product #product_links > a, #more_apps_wrapper > a, #application_links > a {
  text-transform: uppercase;
  border-top: 1px solid #717171;
  border-bottom: 1px solid #717171;
  text-align: center;
  color: #4d4d4d;
  font-size: 12px;
  font-size: 0.857rem; 
  padding: 7px 0;
  font-family: "PFFuturaNeuBook";
  letter-spacing: 1px;
  display: block;
}
.single_product #product_links a:last-child, .nmt { margin-top: -1px; }
.single_product #product_links a:hover, #more_apps_wrapper > a:hover, #application_links > a:hover { 
  text-decoration: none; 
  border-color: #000;
  color: #000;
}

.single_product #similar_products {margin-top: 45px;}
.single_product #similar_products h4#similar_title {margin-bottom: 20px;}

/* -- Application -- */
#application_categories { 
  margin: 0;
  padding: 9px 0;
  border-bottom: 1px solid #717171;
  display: none;
}
#application_categories li { 
  list-style: none;
  text-align: center;
}
#application_categories li a { 
  font-size: 12px;
  font-size: 0.857rem; 
  text-transform: uppercase;
  line-height: 19px;
  color: #4d4d4d;
}
#application_categories li a:hover { 
  text-decoration: none;
  color: #000;
}

/* Page */
#page_content h1 {
  font-size: 20px;
  font-size: 1.4285rem;
  font-family: "Georgia", serif; 
  font-weight: bold; 
  line-height: 1;
}

#page_content h1:first-child {margin-top: 0px;}
#page_content p, 
#post_content p { 
  font-size: 14px;
  font-family: "Georgia", serif; 
  font-size: 1rem;
  line-height: 1.4285;
}
#page_list {margin: 20px 0 0 0;}
#page_list ul {list-style: none; margin: 0;}
#page_list ul li:before {content: "\2022";}

/* -- Contact -- */
.page_contact header.archive-header {margin-bottom: 0 !important;}

.page_contact h2.page_subtitle {
  text-align: center;
  font-style: italic;
  font-weight:bold; 
  font-size: 20px;
  font-size: 1.4285rem;
  line-height: 1.8; 
  font-family: "Georgia", serif;
}
.site-content.page_contact #content {margin-bottom: 56px;}
#map {height: 426px;}
#map img {
  max-width: none;
}
#map label { 
  width: auto; display:inline; 
} 

#contact_form {
  margin-top: 40px;
}
#contact_form input#name {
  margin-bottom: 18px;
}
#contact_form label {
  position: absolute;
  left: -999999px;
}
#contact_form input[type=text], #contact_form input[type=email], #contact_form textarea, #contact_form input#send  {
  background: #e6e6e6;
  padding: 0 12px;
  border: none;
  height: 44px;
  width: 100%;
    -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
  border-top: 1px solid #7d7d7d;
  border-bottom: 1px solid #7d7d7d;
  font-family: "Georgia", serif;
  color: #666;
}
#contact_form textarea {  resize:vertical;  }

#contact_form input#send { 
  font-size: 16px;
  font-size: 1.1428rem;
  font-family: "PFFuturaNeuMedium", sans-serif; 
  text-transform: uppercase; color: #000; 
}

#contact_form input[type=text]:focus, #contact_form input[type=email]:focus, #contact_form textarea:focus, #contact_form input#send:hover { background: #dadada; }
#contact_form textarea, #contact_form input#send {
  height: 106px;
  padding: 12px;

}

input[type="text"], input[type="email"], textarea, input[type="submit"] { outline: none; }

span.wpcf7-not-valid-tip {
  right: 0px;
  left: auto;
  top: auto;
  width: auto;
  color: #cf0000;
  background: none;
  border: none;
}
div.wpcf7-response-output {border: none !important; margin: 0 0 0 30px !important; padding: 0px !important;}
div.wpcf7 img.ajax-loader { float: right; margin-top: 10px;}

/* -- Make your own kitchen -- */
.wimk { width: 700px; margin: 0 auto 20px; }
.kitchen_thumbs { list-style: none; font-size: 0px; text-align: center; margin: 0; }
.kitchen_thumbs li { display: inline-block; float: none !important; padding: 11px 7px; }
.kitchen_thumbs li a img { border: 5px solid #ececec; }
.kitchen_thumbs li:hover a img, .kitchen_thumbs li.current_item a img { border-color: #FFF; }

.kitchen_thumbs.secondary li { border: none; }
.kitchen_thumbs.secondary li a img { width: 50px;  }

#kitchen_thumb_names { text-align: center; padding-top: 12px; }
#kitchen_thumb_names span { 
  font-size: 14px;
  font-size: 1rem;
  font-family: "Georgia", serif; 
}

.wimk .white_image_wrapper { position: relative; }
.wimk .white_image_wrapper img.overlay { position: absolute; top: 0; left: 0; }

/* -- Post -- */

.post_title {
  font-style: italic;
  font-weight: bold;
  font-size: 20px;
  font-size: 1.4285rem;
  line-height: 1.8;
  font-family: "Georgia", serif; 
  margin-top: 0;
}
#post_content .navigation {position: absolute; bottom: -40px;}

/* Global */
.alpha { margin-left: 0 !important; }
.omega { margin-right: 0 !important; }
#menu_toggler { display: none; }
nav#nav-below {display: inline-block;}
nav#nav-below div {float: left;}
nav#nav-below div a, 
nav#nav-below div span, 
.navigation a, 
.navigation span {
  color: #666666; 
  font-size: 10px;
  font-size: 0.71rem;
  font-family: "PFFuturaNeuMedium", serif; 
  text-transform: uppercase;
}

.white_image {background: #FFF; overflow: auto;}
.white_image .white_image_wrapper {margin: 15px;}
.white_image .white_image_wrapper img {width: 100%;}

.single_work header.archive-header, .page header.archive-header, .post header.archive-header {margin-bottom: 40px;}

/* Media Queries (By Bootstrap) */

/* Large desktop */
@media (min-width: 1200px) { 
  #map {height: 530px;}
  .work_holder .hover_details_wrapper p {max-height: 200px;}

}
 
/* Portrait tablet to landscape and desktop */
@media (min-width: 768px) and (max-width: 979px) { 

  #header_wrapper {text-align: center; }
  body.home #header_wrapper { margin: 0px;}
  header#masthead {margin: 30px 0;}
  .site-title { float: left; margin-left: 20px; }
  #menu_toggler { display: block; width: 22px; height: 16px; background-image: url("images/menu_icon.png"); float: right; margin: 11px 20px 7px 0px; }

  .clear { display: block !important; }
  nav#site-navigation {margin: 15px 0 -30px; display:none;width:100%;}
  nav#site-navigation .menu-main-menu-container {overflow: inherit; float: none;}
  nav#site-navigation .menu-main-menu-container ul.nav-menu { text-align: right; margin-right: 20px; }
  nav#site-navigation .menu-main-menu-container ul.nav-menu li {padding: 0px; float: none; display: block; margin: 0; border: none;}
  nav#site-navigation ul.nav-menu li a { line-height: 30px; }

  .work_holder .hover_details_wrapper p {
    font-size: 11px;
    font-size: 0.7857rem;
    line-height: 1.27;
    font-family: "Georgia", serif;
    padding: 0 20px; 
  }

  .work_holder .hover_details_wrapper h4 {
    padding: 10px 20px 10px 20px; 
    font-size: 15px; 
    font-size: 1.07rem; 
  }
  .work_holder .hover_details_wrapper .work_links {bottom: 10px;}
  .work_holder .hover_details_wrapper a {
    font-size: 10px;
    font-size: 0.71rem; 
    padding: 3px 0;
  }
  .work_holder .hover_details_wrapper a.see_work {margin-left: 20px;}
  .work_holder .hover_details_wrapper .share_work {margin-right: 20px; float: right;}
  .product_holder .product_wrapper .hover_details_wrapper h4 {bottom: 10px; left: 10px; font-size: 13px; font-size: 0.9285rem; line-height: 15px;}

  #map {height: 328px;}
  .work_holder .hover_details_wrapper p {max-height: 100px;}
.work_holder .hover_details_wrapper a.see_work, .work_holder .hover_details_wrapper div.share_work {font-size: 11px; font-size: 0.7857rem;}
}
 
/* Landscape phone to portrait tablet */
@media (max-width: 767px) {
  #header_wrapper {text-align: center; margin: 0 -20px; }
  body.home #header_wrapper { margin: 0px;}
  header#masthead {margin: 30px 0;}
  .site-title { float: left; margin-left: 20px; }
  #menu_toggler { display: block; width: 22px; height: 16px; background-image: url("images/menu_icon.png"); float: right; margin: 11px 20px 7px 0px; }

  .clear { display: block !important; }
  nav#site-navigation {margin: 15px 0 -30px; display:none;}
  nav#site-navigation .menu-main-menu-container {overflow: inherit; float: none;}
  nav#site-navigation .menu-main-menu-container ul.nav-menu { text-align: right; margin-right: 20px; }
  nav#site-navigation .menu-main-menu-container ul.nav-menu li {padding: 0px; float: none; display: block; margin: 0; border: none;}
  nav#site-navigation ul.nav-menu li a { line-height: 30px; }

  .work_holder {overflow: auto; margin-bottom: 20px;}
  .work_holder .work_links a.see_work {width: 30% !important;}
  .work_holder .work_links a.see_work {float: left !important;}
  .work_holder .work_links .share_work {float: right !important; width: 30% !important;}

  .site-content.archive .row { margin-top: 0; }

  footer#colophon {text-align: center; margin: 0 -20px;}
  footer#colophon .row div { float: none; display: inline; }

  #map {height: 328px;}

  .application_slider .centered-btns_nav.next {right: 0px;}
  .application_slider .centered-btns_nav.prev {left: 0px;}

  .single_product .white_image, .page .white_image { margin-bottom: 30px; }
  .wimk { width: 100%; }
  textarea#message { margin: 18px 0; }

  h4.product_title { width: 50%; }

  .caption.container {
    height: auto !important;
    padding: 40px 20px 20px;
  }

  .image_wrapper { position: relative; }

  body.home { padding: 0px !important; }
  body.home #footer_wrapper { padding: 0 20px; }
  body.home .centered-btns_nav.centered-btns1_nav { display: none; }
  body.home .centered-btns_nav.centered-btns1_nav.mobarr { display: block !important; }
}
 
@media (min-width: 481px) and (max-width: 767px) {
  nav#site-navigation {
    position: absolute;
    right: 0px;
    top: 108px;
    background: #e2e2e2;
    z-index: 9;
    width: auto;
    padding-top: 4px;
    padding-left: 20px;
  }
  #products_container { margin-right: -3%; }
  .product_holder.span4 {
    width: 47%;
    float: left;
    margin: 0 3% 3% 0;
  }

}
/* Landscape phones and down */
@media (max-width: 480px) { 
  .product_holder.span4 {
    margin-bottom: 20px;
  }
  .white_image .white_image_wrapper, .work_holder .work_wrapper { margin: 7px; }
  .application_slider .centered-btns_nav {
    height: 45px;
    width: 45px;
    margin-top: -22px;
    background-size: 200% 100%;
  }
  .work_holder .hover_details_wrapper p {
    display: none;
  }
  .work_holder .hover_details_wrapper h4 { padding: 16px 16px 12px; }
  .work_holder .hover_details_wrapper a.see_work { margin-left: 16px; }
  .work_holder .work_links a.see_work { width: 40% !important; }
  .work_holder .hover_details_wrapper .share_work { margin-right: 16px; }
  .work_holder .work_links .share_work { width: 40% !important; }
}