/*
Theme Name: DD Bird
Author: dDesign
Version: 1.0
*/


@charset "utf-8";
/* CSS Document by ### dDesign - www.d-design.hr ### */

/* RESET */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code,
del, dfn, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, input { margin: 0; padding: 0; border: 0; outline: 0; vertical-align: baseline;}

/* common styles */
body { font-family: 'Noto Sans', 'Ubuntu Condensed', Tahoma, Arial, sans-serif;}

h2 { font-size:22px; font-weight: normal; text-indent: 20px; margin:15px 0; color: #0240BF; }
h2:first-letter { font-size: 26px;}
h3, h3 a { font-size:20px; color:#0240BF; margin-bottom:15px;}
h3 a:hover { color:#F7B224;}
h4 { font-size:18px; margin-bottom:10px;}
h5 { font-size:16px; margin-bottom:10px;}
h3, h4, h5 { text-indent:10px;}

a { text-decoration: none; color:#F7B224; }
p { font-size:16px; margin-bottom:15px; color:#363636; padding-left:10px;}
p a { color:#F7B224; font-weight: bold; }
p a:hover, a:hover { color: #0240BF;}
p span { color:#0240BF; font-weight: bold;}
ul { list-style-type:none;}

.left { float:left;}
.right { float:right;}
.clear { clear:both;}
.narancasto { color:#F7B224;}
.zeleno { color: #0240BF;}
.bold { font-weight: bold;}

/* font-smoothing - safari, iphone, ... */
html, html a { -webkit-font-smoothing: antialiased !important;}

/* MAIN STYLES */
.head_wrap { width:100%; height:80px; background: url(images/bckg_header.png) top left repeat;}
.header { width:960px; margin:0 auto; padding:0 10px; position: relative;}
.wrapper { width:960px; margin:0 auto; padding:0 10pxs; clear:both;}
.featured { padding:10px 10px 14px; background: url(images/bckg_shadow_bttm.png) bottom center no-repeat; overflow: hidden; margin-bottom: 20px;}
.content_wrap { background:url(images/bckg_content_wrap.png) 690px 28px no-repeat; overflow: hidden;}
.content { width:660px; float:left; padding:0 10px;}
.content_inside { background:url(images/bckg_white_trans_inside.png) top left repeat; }
.sidebar { width:240px; padding:0 10px; float: right; text-align: right; padding:0 10px;}
.content, .sidebar { margin-bottom:45px;}
.footer_wrap { background: url(images/bckg_footer.png) top left repeat-x; background-color: #0240BF;  border-top: #666 1px solid;}
.footer { width:960px; margin:0 auto; padding:0 10px; text-align: center;  background: url(images/logo_footer.png) center 70px no-repeat; overflow: hidden;}

.languages_wrap { position:absolute; right:0; margin-top:5px; width:150px;}

/* font - UbuntuCondensed */
h1, h2, h3, h4, h5, ul#navigation, ul.languages, .tagline span, .tagline a.donate, a.more, a.more_announcement, a.facebook, a.youtube, .languages_wrap, .tag_inside span, a.donate_inside  { font-family: 'Ubuntu Condensed', Tahoma, Arial, sans-serif;}

/* text-shadow */
ul#navigation li a, .tagline, a.more, a.more_announcement, .copyright p a, .impressum p a, ul.footer_nav li a, .tag_inside { text-shadow: -2px 2px 2px #000;}

a.logo { display:block; width: 130px; height: 73px; background: url(images/logo_head.png) no-repeat; margin-top: 4px; float:left;}
a.logo:hover { opacity: 0.8;}

/* main menu */
ul#navigation { display:inline-block; margin:29px 0 0 30px; width:800px; max-width:800px;}
ul#navigation li { display:inline-block; position: relative; padding:0 !important; margin:0 !important;}
ul#navigation li a { display:block; color:#fff; font-size: 15px; padding-left: 15px !important; padding-right: 15px !important; line-height:48px;}
ul#navigation li a:first-letter { font-size: 22px;}
ul#navigation li a:hover, ul#navigation li a.active, ul#navigation .current-menu-parent a, ul#navigation .current-menu-item a { color: #F7B224; background:url(images/bckg_nav_active.png) top left repeat-x;}
ul#navigation li a.active { color: #fff;}

/* main nav dropdown */
ul#navigation li.menu_drop { cursor:pointer; position: relative;}
ul#navigation ul.sub-menu { text-transform: capitalize; }
ul#navigation ul.dropdown, ul#navigation ul.sub-menu { position:absolute; left:0; top:48px; display:none; list-style-type:none; padding:5px 10px; background:#0240BF; -webkit-box-shadow: -2px 2px 2px 0px #000; box-shadow: -2px 2px 2px 0px #000; }
ul#navigation li.menu_drop:hover ul.dropdown, ul#navigation li:hover ul.sub-menu { display:block; z-index:100;}
ul#navigation ul.dropdown li, ul#navigation ul.sub-menu li { border-bottom: #0B59FD 1px solid;}
ul#navigation ul.dropdown li:last-child, ul#navigation ul.sub-menu li:last-child { border-bottom: none;}
ul#navigation ul.dropdown li a, ul#navigation ul.sub-menu li a { clear:both; display:block; width:180px; padding-left:25px; line-height:30px; text-shadow:none; }
ul#navigation ul.dropdown li a:hover, ul#navigation ul.sub-menu li a:hover { color:#333; background:#85ACFE;}

/* jezici menu */
ul.languages { display:block; float:right; position:relative;}
.languages_wrap span { display:block; color:#999; font-size: 14px; float:left; line-height: 35px;}
ul.languages li a { display:block; padding-left:32px; color:#fff; line-height:30px; }
ul.languages li a:hover { text-shadow:-1px 1px 1px #000;}

/* dropdown */
ul.languages li.menu_drop { cursor:pointer; background:url(images/bckg_language_box.png) top left no-repeat; width:62px; height:35px; }
ul.languages ul.dropdown { position:absolute; left:3px; top: 32px; width:59px; display:none; list-style-type:none; background:#0240BF;}
ul.languages li.menu_drop:hover ul.dropdown { display:block; z-index:100;}
ul.languages ul.dropdown li a { clear:both; display:block; padding-left:35px; line-height:30px; }
ul.languages ul.dropdown li a:hover {  background-color:#F7B224;}

a.hr { background: url(images/flag_hr.gif) 10px 10px no-repeat;}
a.en { background: url(images/flag_en.gif) 10px 10px no-repeat;}

ul.footer_nav { display:block; background:url(images/bckg_footer_shadow.png) bottom center no-repeat;}
ul.footer_nav li { display: inline; padding:0 10px; border-right: #fff 1px solid;}
ul.footer_nav li:last-child { border-right: none;}
ul.footer_nav li a { color:#fff; font-size: 16px; line-height: 51px;}
ul.footer_nav li a:hover { color: #F7B224;}


/* HOMEPAGE styles */ 
.home_trans { background:url(images/bckg_white_trans.png) top left repeat; }
.white_noise_bckg, .home { background: url(images/bckg_body.png) top left repeat; z-index:-200;}
.gallery_feat { margin:25px 0; overflow: hidden;}
.slider_home {}
h2.homepage_heading { text-indent: 15px; font-size: 22px; font-weight: bold; color:#0240BF; border-bottom: #0240BF 2px solid; line-height: 32px; margin:0; margin-bottom: 20px; text-transform: uppercase; }

/* home slides */
.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;}
.home_slides { position:absolute; top:0; left:0; width:100%; z-index:-100;}

.inside_slides { position:absolute; top:0; left:0; list-style: none; width:100%; overflow: hidden; z-index:-1000;}
.inside_slides { background-size: cover;}
.inside_slides img { position:fixed;}

.tagline { width:940px; height:135px; background: url(images/bckg_home_tag.png) top left no-repeat; margin:15% auto 35px ;}
.tagline h1 { display:block; float:left; width: 495px; color: #fff; font-size: 22px; font-weight: 400; line-height: 132px; text-indent: 10px;}
.tagline span { display:block; float:left; color: #fff; font-size: 22px; line-height: 132px; }
.tagline .donate { display:block; float:right; width:138px; height:138px; background: url(images/bttn_donate.png) top left no-repeat; text-align: center; color: #fff; font-size:20px; line-height: 138px;}
.tagline .donate:hover { background: url(images/bttn_donate_hover.png) top left no-repeat; color: #F7B224;}

/* tagline inside */
.tag_inside { height:75px; background:url(images/bckg_tagline_inside.png) top left no-repeat;}
.tag_inside span { display:block; float:left; width:495px; line-height:60px; font-size: 22px; font-weight: 400; color: #fff; text-indent: 10px;}
.tag_inside span.tagline_en { width:300px;}
.donate_inside { display:block; float:right; width:104px; height:75px; margin-right:35px; background: url(images/bttn_donate_inside.png) top left no-repeat; line-height: 60px; text-align:center; color: #fff; font-size:20px;}
a.donate_inside:hover { color: #F7B224;}

/* home - featured */
.announcements { float:left; width:580px; height:291px; padding:10px; background: #0240BF;}
.announcements h2 { color: #F7B224; border-bottom: #F7B224 2px solid; }
.announcements p { color: #fff;}

/* featured boxes */
.feat_boxes { float:right; width:330px; overflow:hidden;}
.feat_box { width:330px; height:97px; margin-bottom: 10px;}

.featured_boxes_footer { width:100%; overflow: hidden; margin-bottom:45px;}
.feat_box_footer { width:284px; height:84px; float:left; margin:0 18px;}

.featured_boxes_sidebar { width:230px; overflow: hidden; margin:25px 0;}
.feat_box_sidebar { width:230px; height:68px; margin-bottom:15px;}

/* home - news */
.news { overflow: hidden; margin-bottom:15px; padding-bottom: 10px; border-bottom: #0240BF 1px dashed; position:relative;}
.news h2 { position: relative;}
.news p, .sidebar p { font-size: 14px;}
.date { font:11px Arial; display: block; position: absolute; top:8px; right:0; color: #0240BF;}
.news img { float:left; background:#0240BF; padding:5px; margin-right: 15px;} 
.news img:hover { opacity:0.8;}
.news img.single-news-image:hover { opacity: 1; }

/* pagination */
.pagination { text-align: center; font:12px Arial;}
.pagination a { margin:0 1px; padding:2px 5px; font-weight: bold;}
.pagination a:hover { color:#F7B224; background:#0240BF;}
span.current { font-weight: bold; color: #F7B224; text-decoration: underline;}
.page { color:#0240BF;}
.prev { color:#676767;}
a.prev:hover { background:none;}

/* sidebar */
.sidebar h2 {line-height: 32px; margin:0;  margin-bottom: 20px; color:#F7B224; padding-right: 10px; font-size: 20px; font-weight: bold; border-bottom: #F7B224 2px solid; }
.sidebar_contacts { overflow: hidden;}
a.facebook, a.youtube { display:block; height:32px; font-size:16px; font-weight: bold; background: url(images/ico_facebook.png) top right no-repeat; line-height: 32px; padding-right: 38px; margin:25px 0; color:#2C5098; }
a.youtube { background:url(images/ico_youtube.png) top right no-repeat;}
a.facebook:hover, .sidebar a.more:hover, a.youtube:hover { color: #57832C;}
h2.products { display:block; width:236px; height:78px; background: url(images/products_heading.png) top left no-repeat; padding-top:55px; padding-right:10px; border-bottom: none;}
.sidebar a.more { background:url(images/bckg_more_orange.png) top left repeat-x;}
.sidebar img.product { margin-bottom:10px;}

/* home gallery */
.gallery_home { }
.gallery_home img { padding:5px; background: #0240BF; margin:0 24px; float:left;}
.gallery_home img:hover { opacity: 0.8;}
.gallery_feat a.more { margin: 15px 395px 25px 0; margin-top:15px;}

/* footer styles */
.impressum { text-align: left; padding:30px 0; float: left;}
.impressum p, .impressum p a, .copyright p, .copyright p a { color: #F7B224;}
.copyright { text-align: right; float: right;}
.copyright p { font-size: 12px; font-style: italic; margin-top:100px;}
.copyright p a, .impressum p a { font-weight: bold;}
.copyright p a:hover, .impressum p a:hover { color: #fff; text-shadow:none;}

/* inside page styles */
.padding_inside { padding-top: 30px;}
.content h1 {  text-indent: 15px; font-size: 26px; font-weight: normal; color:#0240BF; border-bottom: #0240BF 2px solid; line-height: 32px; margin-bottom: 20px; position: relative;}
.main_post_img { margin-bottom:15px;}
.gallery { overflow: hidden; margin:15px 0;}
.gallery img, .content img {  float:left; padding:5px; margin:10px 15px; border: 2px solid #cfcfcf; }
.gallery img:hover, .content img:hover  { background:#0B59FD;}

/* common styles */
a.more, body.error404 #searchsubmit { display:inline-block; font-size:14px; font-weight:bold; letter-spacing: 1px; line-height: 28px; color:#fff; background: url(images/bckg_more.jpg) top left repeat-x; padding:0 15px; float:right;}
a.more:hover { color:#F7B224; text-shadow:none;}

a.more_announcement { color:#F7B224; float: right; margin-right:25px;}
a.more_announcement:hover { color:#fff; text-shadow:none;}

.content blockquote { padding:15px 10px 10px 45px; background: url(images/bullet_bquote.gif) 10px 10px no-repeat #85ACFE; margin:15px 0; text-indent: 10px; color:#666;}

.content ul { list-style-type: disc; margin:15px 35px;}
.content ul ul { margin:0 20px;}
.content ol { margin:35px 55px;}
.content ol li { margin:5px 0;}
.content ol li a, .content ul li a { color:#0240BF;}
.content ol li a:hover, .content ul li a:hover { color:#F7B224;}

/* Added */
body.single .news { border: 0; }
body.page, body.single, body.archive, body.category, body.error404 { background: url('./images/inside_slides/supovi1.jpg') 49.9% top no-repeat fixed; background-size: cover; }
#bg-overlay { position: fixed; left: 0; top: 0; background: url("images/crosses-bg.png") left top repeat; width: 100%; height: 100%; z-index: -99; }
ul#navigation { text-transform: uppercase; }
ul.footer_nav a { font-weight: normal; }
.wpcf7-form input { border: 1px solid #aaa; padding: 0.5em; }
.nav-links { font-size: 14px; }
.nav-links, .numbered-nav-links { margin-bottom: 2em; text-align: center; }
.nav-links a { margin: 0 20px; }
.page-numbers { margin: 0 5px; }
.news img.single-news-image { border: 0; padding: 0; margin: 0 0 0 10px; background: none; float: none; max-width: 650px; }

/* Added contact form */
.wpcf7-form { padding: 35px 0 0 80px;}
.wpcf7-form input, .wpcf7-form textarea { background:#FEF8ED;}
.wpcf7-form input:focus, .wpcf7-form textarea:focus { background:#fff;}
.wpcf7-form input { width:400px;}
.wpcf7-form p { margin-bottom: 25px; }
.wpcf7-form textarea { width:410px;}
.wpcf7-form input.wpcf7-submit { width:200px; height:26px; border:none; background:url("images/bckg_more.jpg") repeat-x scroll left top transparent; font-family:'Ubuntu Condensed', tahoma, sans-serif; font-weight:bold; font-size:16px; padding-top:2px; text-shadow:-2px 2px 2px #000000; color:#fff; cursor:pointer; margin-left:216px;}
.wpcf7-form input.wpcf7-submit:hover { color:#f7b244; text-shadow:none;}

/* Adoption form */
#wpcf7-f1523-p76-o1 form { padding: 20px 0 0 30px; }
#wpcf7-f1523-p76-o1 table { margin-bottom: 25px; }
#wpcf7-f1523-p76-o1 input { width: auto; }
#wpcf7-f1523-p76-o1 textarea { width: 98%; }
table.adoption-form div { margin-right: .5em; }

/* 404 search form */
body.error404 .searchform { margin-left: 10px; }
body.error404 .searchform input { height: 1.5em; padding: .2em .4em; margin-left: .5em; }

/* Added additional content styles */
span.status_lista { font-size:14px; margin-bottom:10px; margin-right:10px; display:inline-block;}
a.status_link, a.status_link_none { display: inline-block; padding:2px 5px; font-size:10px; background:#F7B224; color:#fff; margin-right:5px; }
a.status_link_none, a.status_link_none:hover { cursor:text; background:#ccc; color:#fff;}
a.status_link:hover { background:#0240BF; color:#fff;}
.entry-thumbnail img { padding:0; border:0; margin-bottom:10px;}
a.pdf { display:block; line-height:32px; font-size:14px; height:32px; padding-left:40px; background:url(images/ico_pdf.png) top left no-repeat;}