/*
Theme Name: Safe2Drink
Author: Ela Ustupska <eustupska@gmail.com>
Version: 1.0
License: All rights reserwed
Tags: safe2drink
Text Domain: safe2drink.eu

*/

/* Global reset */
*, html, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, label, fieldset, input, p, blockquote, th, td { margin:0px; padding:0px; }
table { border-collapse:collapse; border-spacing:0 }
fieldset, img { border:0 }
caption, th { text-align:left }
h1, h2, h3, h4, h5, h6 { font-size:100%; font-weight:normal;}
q:before, q:after { content:''}
html, body {height: 100%;}

/* general body style */
body {background-color:#f4f4f4 !important; background-image:url(https://www.safe2drink.eu/wp-content/uploads/2015/04/safe2drink-body-bg.gif); background-repeat:repeat-x; background-position:top; margin:0px; padding:0px; font-family:Arial, sans-serif; font-size:14px; color:#000; text-align:center;}
div#content-holder, div#content-holder div, div#ft-holder, div#ft-holder div {overflow:hidden;}
ul {list-style-type:none;}
p, li {font-family:Arial, sans-serif; font-size:14px; color:#000; margin:10px 0px; padding:0px;}
h1, h2, h3, h4 {font-family:'Open Sans','Myriad Pro', Arial, sans-serif; font-weight:600; text-align:left; letter-spacing:0px;}
h1 {font-size:45px; margin-bottom:20px; color:#006db2; text-transform:uppercase;}
h2 {font-size:30px; margin-bottom:10px; color:#006db2; text-transform:uppercase;}
h3 {font-size:18px; margin-bottom:10px; color:#000000; text-transform:uppercase;}
input[type=text], input[type=email], textarea, select, option {font-family:Arial, sans-serif; }

a:link {color:#009696; text-decoration:none;}
a:visited {color:#7dc9c9; text-decoration:none;}
a:hover {color:#006db2; text-decoration:none;}
a:active {color:#009696; text-decoration:none;}
hr {color:#fff; border:0px; border-top:1px solid #e5e5e5; display:block; float:none; overflow:hidden; clear:both; margin-top:15px; margin-bottom:15px;}

.widthholder {width:940px;}

/* top */
#header-holder {width:100%; background:#003864 url(images/bg-top-line.gif) repeat-x; position:relative; overflow:visible; z-index:1000; height:109px;}
#header { margin:0px auto; background:#003864 url(images/grid-bg-top.gif) bottom no-repeat; position:relative; overflow:visible; z-index:1010; height:109px;}
#header #top-logo {float:left; width:200px; text-align:left; padding-left:5px; padding-top:10px; }
#header #top-colright {float:right; width:710px;}

#header form#search-top {float:right; width:170px; overflow:hidden; border-bottom:1px solid #356793; padding-bottom:6px; margin-top:16px;}
#header form#search-top input[type=text], #header form#search-top input[type=email] {border:0px; background:transparent url(images/search-input-bg.gif) no-repeat; padding:10px 4px; width:134px; font-size:12px; }
#header form#search-top input[type=submit] {border:0px; background:#003864 url(images/submit-search.gif) no-repeat; width:20px; height:25px; text-indent:-100px;}

#header h2 {width:100%; float:none; clear:both; text-align:right; margin:0px; padding:0px; position:relative; top:10px; font-family:'Open Sans','Myriad Pro', Arial, sans-serif; font-weight:300; font-style:italic; letter-spacing:0px; color:#89b0dd; font-weight:normal; text-transform:none; font-size:22px; padding-right:5px; }

div.menu-main-navigation-container {width:530px; margin:0px; padding:0px; float:right; padding-top:10px; position:relative; z-index:2000; overflow:visible;}
#header ul#main_nav {position:relative; left:0px; top:10px; height:37px; border-bottom:1px solid #356793; }
#header ul#main_nav li {float:left; text-transform:uppercase; margin-bottom:0px; font-family:'Open Sans','Myriad Pro', Arial, sans-serif; font-weight:600; position:relative; display:block;}
#header ul#main_nav li a {color:#fff; font-weight:bold; display:block; padding:0px 8px 11px 8px; }
#header ul#main_nav li.current_page_item a, #header ul#main_nav li.current-menu-item a {background:transparent url(images/selected-bg.gif) bottom repeat-x;}

body#ttip #header ul#main_nav li#menu-item-51 a {text-indent:-100px; background:transparent url(images/top-ico-home.gif) top no-repeat; width:10px; overflow:hidden;}
#header ul#main_nav li.menu-item-type-custom a {color:#ffbd09;}

/* dropdown-menu */
#header ul#main_nav li ul.sub-menu {display:none; position:absolute; top:18px; left:0px;}
#header ul#main_nav li:hover ul.sub-menu {display:block; margin:0px; padding:0px; background-color:#006db2; width:195px; padding-top:5px; padding-bottom:5px; }
#header ul#main_nav ul.sub-menu li {margin:0px; padding:0px; float:none; display:block; padding-left:10px; padding-right:10px; font-size:12px; border:0px; text-transform:none; font-weight:normal; text-align:left; font-family:Arial, sans-serif;}
#header ul#main_nav ul.sub-menu li a {padding:5px; padding-left:15px; display:block; background:transparent url(images/pointer-white.png) 0px 9px no-repeat;}

/* content section */
#content-holder {background:#fff url(images/content-section-bg.gif) repeat-x; width:100%; border-bottom:1px solid #cecece; text-align:left;}
.bg-flag {width:100%;}
div#ttip {background:transparent url(images/flag-ttip.jpg) top center no-repeat;}

#main_box { margin:0px auto; background:#fff url(images/main-box-gradient.gif) bottom no-repeat; border:1px solid #cbcccd; padding-bottom:60px; min-height:300px;}
#shadow_under_box { margin:0px auto; text-align:center;}

#welcome_txt {float:left; width:35%; position:relative; left:4%; top:30px;}
#welcome_txt p {line-height:20px;}
p.btn_blue {margin-top:20px;}
p.btn_blue a {background:#006db2 url(images/btn-more-pointer.gif) right no-repeat; font-size:12px; color:#fff; padding:5px 40px 5px 10px;}
h2#h2-welcome {line-height:24px; background:transparent url(images/h2-welcome-arrow.gif) right bottom no-repeat; padding-bottom:20px;}
h2#h2-welcome .small {font-size:18px;}
h2#h2-welcome .h-country-name {color:#ca070c}

#slaider {float:right; width:60%; max-width:509px; position:relative; right:4%; top:30px; }

#breadcrumbs {font-size:12px; color:#959595; border-bottom:1px solid #cecece; padding-bottom:8px; margin-right:3%; margin-left:3%;}
#breadcrumbs a {padding-left:15px; background:transparent url(images/li-arrow-blue.png) 6px 3px no-repeat;}
#content {float:left; position:relative; top:10px; left:3%; width:60%;}
#sidebar {float:right; width:30%; position:relative; top:20px; right:3%; min-height:370px; background:transparent url(images/shadow-sidebar.png) no-repeat;}
#sidebar h3, #sidebar .banner, #sidebar .newsfeed {margin-left:20px;}
#sidebar .newsfeed {margin-bottom:20px;}

#main_box #content .lead {color:#006db2; font-size:20px; font-style:italic; font-family:Georgia, serif; line-height:26px;}
#content p {line-height:20px; margin-bottom:20px;}


/* bottom section */
#bottom_section {margin:0px auto;  text-align:left; padding-top:0px; padding-bottom:20px; border-bottom:5px solid #006DB2;}

#column_left {float:left; width:38%; min-height:160px; background:transparent url(images/shadow_bottom-section.gif) left top no-repeat;}
#column_left h3, #column_left ul, #column_right p, #column_right #calendar {margin-left:30px;}
.newsfeed {}
#column_left .newsfeed {margin-right:30px;}
.newsfeed li {border-bottom:1px solid #cecece; padding-bottom:8px; padding-top:8px; background:transparent url(images/pointer-big.png) right no-repeat; margin:0px; font-size:12px;}
.newsfeed li:hover {background:#f4f4f4 url(images/pointer-big.png) right no-repeat;}
.newsfeed li a {display:block; padding-right:50px;}
.post_date {font-size:11px; display:block; color:#959595; margin-bottom:2px;}

#column_right {float:right; min-height:180px; width:61%; background:transparent url(images/shadow_bottom-section.gif) left top no-repeat;}

#main_email {float:right; width:96%; clear:both; position:relative; color:#959595; font-size:15px; line-height:18px;}
#main_email a, #subpage_email a {display:block; margin-top:10px; font-family:'Open Sans','Myriad Pro', Arial, sans-serif !important; font-weight:400; font-size:24px; padding-left:35px; background:transparent url(images/email-ico-big.gif) left no-repeat;}
#column_right #main_email {border-bottom:1px solid #cecece; padding-bottom:15px; }
#subpage_email {color:#959595; font-size:14px; line-height:20px; margin:auto; }


#calendar {float:right; width:98%; background:transparent url(images/calendar_bg.gif) bottom no-repeat; margin-top:15px;}
#calendar ul {position:relative; top:0px; left:10px; margin-left:5px;}
#calendar ul li {font-size:12px; font-weight:bold; margin:0px; padding:0px; float:left; width:105px; height:150px; background:transparent url(images/milestone-bg.png) bottom repeat-x;}
#calendar ul li.last {background:transparent url(images/milestone-arrow.png) left bottom no-repeat;}
#calendar ul li .calendar_date {display:block; font-weight:normal; background-color:#f4f4f4; padding:3px 0px; margin-bottom:4px; text-align:center; color:#959595; width:70px; -moz-border-radius:10px; -webkit-border-radius:10px; border-radius:10px;}
#calendar ul li p {font-size:11px; }
#column_right #calendar p {margin-left:0px;}


/* footer */
#ft-holder {width:100%; border-top:2px solid #fff;}
div#footer { margin:0px auto; padding-top:20px; padding-bottom:40px; text-align:left; background:transparent url(images/ft-bg-main.gif) top no-repeat;}
#footer .ft-colleft {float:left; overflow:hidden; width:48%; min-height:85px; background:transparent url(images/ft-shadow.gif) right top no-repeat; }
#footer .ft-colright {float:right; width:50%;}

#footer #ft-logo-ecorys {float:left; padding-right:25px;}
#footer #ft-address {float:left; font-size:12px; color:#a0a0a0; line-height:17px; padding-right:25px;}
#footer .menu-bottom-menu-container {}
#footer ul#ft-nav {list-style-type:none; }
#footer ul#ft-nav li {float:right; }
#footer ul#ft-nav li a {display:block; padding-left:20px; background:transparent url(images/li-blue.gif) 10px 8px no-repeat;}
#footer #ft-copy {text-align:right; font-size:11px; color:#a0a0a0; margin-top:0px;}

/* styles for post-articles */
h1.entry-title {text-transform:none; font-size:30px; line-height:30px;}
body.page h1.entry-title {font-size:45px; margin-bottom:20px; color:#006db2; text-transform:uppercase; margin-top:25px;}
article.post header .comments-link {display:none;}
.entry-content {border-top:1px solid #cecece; padding-top:15px; margin-bottom:15px;}
body.page .entry-content {border-top:0px; }
body.page .entry-content {padding-top:0px;}
body.page article.post footer, body.page article footer.entry-meta {background-color:transparent;}
article.post footer, article footer.entry-meta {font-size:12px; color:#959595; background-color:#eee; padding:5px 8px; margin-bottom:20px;}
article.post footer .by-author, article footer.entry-meta .by-author {display:none; }

#main_box #content p {line-height:22px;}
#content ul {margin-left:30px; list-style-image:url(images/li-blue.gif); margin-bottom:30px;}
#content ol {margin-left:30px; margin-bottom:30px;}
#content strong img {background-color:#fff; padding:10px; border:1px solid #cecece;}
#content p strong img.size-medium, #content p strong img.size-thumbnail {float:left; margin-right:10px;}
#content p strong img.size-full {float:none;}

nav.nav-single {float:none; display:block; clear:both; overflow:hidden;}
body.single-post nav.nav-single {margin-bottom:25px;}

nav.nav-single span { }
nav.nav-single span.nav-previous {display:block; width:25%; float:left;}
nav.nav-single span.nav-next {display:block; width:200px; float:right;}
nav.nav-single span a {display:block; background-color:#006db2; padding:5px; color:#fff; font-size:12px;}
nav.nav-single span.nav-previous a:hover, nav.nav-single span.nav-next a:hover {background-color:#00a9a1;}

nav#nav-below .nav-previous {display:block; width:25%; float:left;}
nav#nav-below .nav-next {display:block; width:25%; float:right;}
nav#nav-below a {display:block; background-color:#006db2; padding:5px; color:#fff; font-size:12px;}
nav#nav-below a:hover {background-color:#00a9a1;}

/* comments */
div.comments-area {margin-top:25px; }
div.comments-area #respond {border-top:1px solid #cecece; padding-top:10px; }
div.comments-area form {}
form p.comment-notes, form p.form-allowed-tags {font-size:12px; color:#959595;}
form p.form-allowed-tags {display:none;}
#main_box form label {display:block; font-size:12px; color:#959595;}
div.comments-area #respond {clear:both; overflow:hidden; float:none;}
div.comments-area #respond p.comment-notes {margin-bottom:5px; display:none;}
div.comments-area #respond p.comment-form-author, div.comments-area #respond p.comment-form-email, div.comments-area #respond p.comment-form-url {width:180px; margin-bottom:5px;float:left; }
div.comments-area #respond p.comment-form-url {display:none;}
div.comments-area #respond p.comment-form-author input, div.comments-area #respond p.comment-form-email input, div.comments-area #respond p.comment-form-url input {width:150px;}
div.comments-area #respond p.comment-form-comment {width:100%; float:none; clear:both;}
div.comments-area #respond p.comment-form-comment textarea {width:90%; display:block;}

span.required {font-weight:bold; color:#338ac1; font-size:16px; font-family:'Myriad Pro', Arial, sans-serif; }
#main_box input[type=text], #main_box input[type=email], textarea, select {background-color:#fff; border:1px solid #cecece; padding:10px; font-size:12px; color:#000; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; -moz-box-shadow: inset 2px 2px 3px rgba(115,115,115,0.3); -webkit-box-shadow: inset 2px 2px 3px rgba(115,115,115,0.3); box-shadow: inset 2px 2px 3px rgba(115,115,115,0.3); }
#main_box input[type=submit] {background-color:#006db2; border:0px; padding:20px; font-size:16px; color:#fff; font-weight:bold; text-transform:uppercase; font-family:'Myriad Pro', Arial, sans-serif; }

h2.comments-title {font-size:16px; margin-bottom:10px; color:#000000; text-transform:none; Font-family:Arial, sans-serif;}
#main_box #content ol.commentlist {margin-left:0px;}
#main_box #content ol.commentlist li {background-color:#fcfcfc; padding:8px; float:none; clear:both; overflow:hidden;}
#main_box p.comment-awaiting-moderation {font-size:11px; color:#959595; font-style:italic; background-color:#eee; margin-bottom:5px;}
section.comment-content p {font-size:12px; color:#959595; margin-top:5px;}

#main_box #content ol.commentlist .reply a {font-size:12px; font-weight:bold; padding-left:10px; background:transparent url(images/li-arrow-blue.png) left no-repeat;}
#main_box #content ol.commentlist .reply {display:none; float:none; clear:both; border-top:1px solid #cecece; padding-top:3px;}
#main_box #content ol.commentlist section {display:block; float:none; width:100%;}
#main_box #content ol.commentlist section p {line-height:18px;}
#main_box #content ol.commentlist header img.avatar {background-color:#fff; padding:5px; border:1px solid #cecece; margin-right:10px; float:left;}
#main_box #content ol.commentlist header cite, #main_box #content ol.commentlist header time {font-size:12px; font-weight:bold; }

/* livefyre comments */
div#livefyre-comments div.fyre-comment-count {overflow:visible; width:65%; float:left;}
div#livefyre-comments div.fyre-help {overflow:visible; width:30%; float:right;}
div#livefyre-comments div.fyre-help div.fyre-box-wrapper {overflow:visible; }
div#livefyre-comments .fyre-editor {margin-top:20px;}
div#livefyre-comments .fyre-comment-count, div#livefyre-comments .fyre-auth {font-size:14px;}

/* sitemap */
#content ul#sitemap_list {margin-left:30px; list-style-image:url(images/li-arrow-blue.png); }
#content ul#sitemap_list li {border-bottom:1px solid #cecece; padding:3px 0px;}
#content ul#sitemap_list ul li {border-bottom:0px; padding:0px;}
#content ul#sitemap_list h3 {text-transform:none; font-weight:normal; font-family:Arial, sans-serif; font-size:14px; color:#000;}
#content ul#sitemap_list ul {margin-left:40px; list-style-image:url(images/li-blue.gif); margin-bottom:0px;}
#content ul#sitemap_list ul li {font-size:12px;}

/* 404 error */
article .entry-content form#searchform input[type=text] {width:500px; display:block; margin-bottom:10px; margin-top:10px;}

/* contact page */
#content form.wpcf7-form {border-top:1px solid #cecece; padding-top:15px;}
#content form.wpcf7-form p { font-size:12px; color:#959595;}
#content form.wpcf7-form p input[type=text] {width:90%; display:block;}
#content form.wpcf7-form p input[type=email] {width:90%; display:block;}
#content form.wpcf7-form textarea {width:90%; display:block; margin-bottom:10px; margin-top:10px;}

#content form div.wpcf7-mail-sent-ok {border:0px !important; background-color:#006db2; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; padding:10px; color:#fff; font-family:Georgia, serif; font-style:italic; font-size:15px;}
#content form div.wpcf7-validation-errors {border:0px !important; background-color:#ff0000; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; padding:10px; color:#fff; font-family:Georgia, serif; font-style:italic; font-size:15px;}
#content form span.wpcf7-checkbox span.wpcf7-list-item {display:block;}

/* blog category */
body.category {}
body.category header.archive-header h1.archive-title {font-size:14px;}
body.category header.archive-header h1.archive-title span {font-size:30px;}
body.category h1.entry-title {font-size:20px; font-family:Arial, sans-serif; margin-bottom:10px; border-top:1px solid #cecece; padding-top:20px;}
body.category #content div.entry-content {border-top:0px; margin-bottom:5px; padding-top:0px;}
body.category #main_box #content div.entry-content p {margin-top:0px; margin-bottom:0px; font-size:12px; line-height:18px; color:#959595;}
body.category #main_box #content div.entry-content p:hover {color:#000;}

/* search results */
body.search {}
body.search header.page-header h1.page-title {font-size:14px;}
body.search header.page-header h1.page-title span {font-size:30px;}
body.search h1.entry-title {font-size:20px; font-family:Arial, sans-serif; margin-bottom:10px; border-top:1px solid #cecece; padding-top:20px;}
body.search #content div.entry-summary {border-top:0px; margin-bottom:5px; padding-top:0px;}
body.search #main_box #content div.entry-summary p {margin-top:0px; margin-bottom:0px; font-size:12px; line-height:18px; color:#959595;}
body.search #main_box #content div.entry-summary p:hover {color:#000;}

img.alignnone {padding:10px; }
img.alignleft {float:left; margin-right:10px;}
img.alignright {float:right; margin-left:10px; }
img.aligncenter {display:block; margin-left:auto; margin-right:auto; float:none; clear:both; }

/* download section */
body.page-id-56 {}
body.page-id-56 h3 {text-transform:none; font-size:22px; font-weight:normal;}


/* responsive styles */
span#mobile-menu-display, span#mobile-menu-hide {display:none;}

@media screen and (max-width: 960px){
.widthholder {width:95%;}
#shadow_under_box img {width:100% !important; height:auto !important;}
#sidebar .banner img {width:100% !important; height:auto !important;}
#header form#search-top {display:none;}
div.menu-main-navigation-container {width:100%;}
#header #top-logo {width:20%;}
#header #top-logo img {width:100%; height:auto; max-width:166px; max-height:76px; }
#header #top-colright {width:75%;}
#welcome_txt {width:30%;}
#bottom_section #column_left {min-height:100px; background-image:none; width:100%; float:none;}
#bottom_section #column_right {background-image:none; width:100%; float:none;}
#calendar {background-position:bottom left;}
}
@media screen and (max-width: 720px){
#header-holder {background-image:none; height:auto; min-height:109px; clear:both; overflow: auto;}
#header {height: auto; background-image:none;}
#header h2 {display:none;}
#header #top-colright {width:60%;}
#header #top-logo {width:36%;}
nav span#mobile-menu-display, nav span#mobile-menu-hide {display:inline-block; text-transform:uppercase; margin-bottom:0px; font-family:'Open Sans','Myriad Pro', Arial, sans-serif; font-weight:600; font-size:14px; color:#fff; padding-top:40px; margin-left:20px;}
nav#main-nav {text-align:left; }
nav#main-nav ul {display:none; width:90%; margin-left:auto; margin-right:auto; }
nav#main-nav ul li {float:none; text-align:left; width:100%; }
#header ul#main_nav li ul.sub-menu {display:block; position:relative; top:5px; left:0px; margin:0px; padding:0px; background-color:transparent; width:100%; padding-top:5px; padding-bottom:5px; }
#header ul#main_nav li a {padding:0px 8px 5px 8px; }
#header ul#main_nav li:hover ul.sub-menu {background-color:transparent;}
#header ul#main_nav {border-bottom:0px; height:auto; overflow:hidden; top:0px;}
div.menu-main-navigation-container {padding-top:0px; overflow:hidden;}
body#ttip #header ul#main_nav li#menu-item-51 {display:none;}
#welcome_txt {float:none; width:90%;}
#slaider {float:none; width:90%; left:4%;}
}
@media screen and (max-width: 590px){
#calendar, #calendar ul li, #calendar ul li.last {background-image:none;}
}
@media screen and (max-width: 550px){
#sidebar {display:none;}
#content {width:95%;}
#shadow_under_box {height:20px;}
#shadow_under_box img {display:none;}
#footer .ft-colleft {float:none; width:100%; background-image:none; }
#footer .ft-colright {float:none; width:100%; margin-top:20px;}
}