/* Theme Name: Iggo FH Modified Theme URI: http://www.kipex.tv Description: Modified to be responsive and on top of Bootstrap. Based on our older FH theme. Author: Kimmo Kovalainen Version: 3.3.1 Tags: wp3, green, white, one-column */ /* 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, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; vertical-align: baseline; background: transparent; } body { line-height: 1; } h1, h2, h3, h4, h5, h6 { font-weight: normal; clear: both; } ol, ul { list-style: none; } blockquote { quotes: none; } blockquote:before, blockquote:after { content: ''; content: none; } del { text-decoration: line-through; } table { border-collapse: collapse; border-spacing: 0; } a img { border: none; } a { text-decoration: none; } a:focus { outline: none; } /* IE10 WIN8 WINPHONE8 MEDIA QUERY FIX */ @-webkit-viewport { width: device-width; } @-moz-viewport { width: device-width; } @-ms-viewport { width: device-width; } @-o-viewport { width: device-width; } @viewport { width: device-width; } /* GENERAL -------------------------------------------------------------- */ html { overflow-y: scroll; height: 100%; } body { background: #FFF; font: 14px "Istok Web", Arial, Helvetica, sans-serif !important; height: 100%; } header, footer, section { clear: both; position: relative; width: 100%; } .container { max-width: 990px !important; } /* HEADER --------------------------------------------------------------- */ header { min-height: 332px; background: url("images/headerbg.jpg") no-repeat top center; background-size: cover; } header > .container { position: relative; min-height: 332px; background: rgba(255,255,255,0.3); border: 1px solid rgba(255,255,255,0.6); border-bottom: none; } #logo { position: absolute; top: 34px; right: 43px; z-index: 100; } #avainlippu { display: none; position: absolute; top: 25px; right: 153px; z-index: 100; } #facebook_area { position: absolute; top: 158px; right: 26px; z-index: 100; width: 128px; height: 21px; padding: 0px; } #lang_sel_list { position: absolute; top: 124px; right: 31px; width: 142px !important; height: 22px !important; box-shadow: 1px 1px 0px rgba(0,0,0,0.2); border: 1px solid rgba(0,0,0,0); border-radius: 2px; padding-left: 3px; background: #f6f6f4; /* Old browsers */ background: -moz-linear-gradient(top, #f6f6f4 0%, #ebe8e1 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f6f6f4), color-stop(100%,#ebe8e1)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #f6f6f4 0%,#ebe8e1 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #f6f6f4 0%,#ebe8e1 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #f6f6f4 0%,#ebe8e1 100%); /* IE10+ */ background: linear-gradient(to bottom, #f6f6f4 0%,#ebe8e1 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f6f6f4', endColorstr='#ebe8e1',GradientType=0 ); /* IE6-9 */ } #lang_sel_list ul { border-top: 0px solid #FFF !important; padding: 0 1px !important; } #lang_sel_list li { position: relative; width: 18px; height: 12px; margin: 4px 4px 0 !important; } #lang_sel_list a { text-indent: -9999px; border: 0px solid #FFF !important; width: 18px !important; height: 12px !important; background: none !important; padding: 0px !important; } #lang_sel_list a img { position: absolute !important; top: 0px !important; left: 0px !important; } #menu-main-wrapper { float: left; width: 100%; min-height: 40px; border-right: 1px solid rgba(255,255,255,1); border-left: 1px solid rgba(255,255,255,1); background: #014582; /* Old browsers */ background: -moz-linear-gradient(top, #014582 0%, #0067a9 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#014582), color-stop(100%,#0067a9)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #014582 0%,#0067a9 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #014582 0%,#0067a9 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #014582 0%,#0067a9 100%); /* IE10+ */ background: linear-gradient(to bottom, #014582 0%,#0067a9 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#014582', endColorstr='#0067a9',GradientType=0 ); /* IE6-9 */ } #menu-main-wrapper .menu { margin: 0; } #menu-main-wrapper .menu li { float: left; } #menu-main-wrapper .menu li a { color: #FFF; font: 14px Convergence, Arial, Helvetica, sans-serif; display: block; padding: 0px 20px; border-right: 1px solid rgba(0,0,0,0.4); border-left: 1px solid rgba(255,255,255,0.2); line-height: 40px; text-transform: uppercase; } #menu-main-wrapper .menu li a:lang(ru) { font: 12px/40px Convergence, Arial, Helvetica, sans-serif; } #menu-main-wrapper .menu li:first-child a { border-left: 0px solid #FFF !important; } #menu-main-wrapper .menu li:last-child a { border-right: 0px solid #000 !important; } #menu-main-wrapper .menu li a:hover { text-decoration: none; background: rgba(0,0,0,0.1); } #menu-main-wrapper .menu li a:focus { text-decoration: none; } #menu-main-wrapper .menu li.current_page_item { } #menu-main-wrapper .menu li.current_page_item a { color: #FFF; background: rgba(0,0,0,0.3); } #menu-main-wrapper .menu li.current-menu-item a { color: #FFF !important; background: rgba(0,0,0,0.3); } #menu-main-wrapper .menu li.current-page-ancestor a { color: #FFF !important; background: rgba(0,0,0,0.3); } #menu-main-wrapper .menu li ul { display: none; } #kuvacycle { width: 100%; height: 281px; overflow: hidden; margin-top: 13px; border: 1px solid rgba(255,255,255,0.6); } #kuvacycle img { width: 958px; height: 281px; display: block; } /* CONTENT -------------------------------------------------------------- */ #main { background: #FFF; } #content { margin: 30px 0 30px 0; min-height: 300px; } #content a, #sidebar a { color: #0F86C6; } #content a:hover, #sidebar a:hover { text-decoration: underline; } #content h1 { color: #015391; font: 26px "Ubuntu Condensed", Arial, Helvetica, sans-serif; margin: 0 0 13px 0; } #content h2 { clear: none !important; color: #015391; font: 20px "Ubuntu Condensed", Arial, Helvetica, sans-serif; margin: 30px 0 8px 0; } #content h3 { clear: none !important; color: #015391; font: 18px "Ubuntu Condensed", Arial, Helvetica, sans-serif; margin: 20px 0 0px 0; } #content h1 a, #content h2 a, #content h3 a { color: #015391; } #content p { margin: 0 0 18px; line-height: 20px; color: #333; } #content h6 { font-size: 16px; color: #999; margin-bottom: 18px; line-height: 23px; } #content .entry-meta { display: none; border-top: 1px solid #E9E9E9; border-bottom: 1px solid #E9E9E9; padding: 9px 0; letter-spacing: 1px; word-spacing: 1px; font-size: 10px; color: #797979; margin: 6px 0 10px; } #content .entry-meta a { text-transform: uppercase; color: #444; } #content .post { margin-bottom: 30px; } #content .post .entry-meta .comments-link { display: none; float: right; } #content .post .entry-meta a:hover { text-decoration: underline; } #content ol, #content ul, #content table { margin: 0 0 18px 0; } #content table h2 { margin: 0 0 8px 0 !important; } #content table h3 { margin: 0 0 0 0 !important; } #content table td { vertical-align: top; padding: 0 0 10px 30px; } #content table td:first-child { padding: 0 0 10px 0px; } /* SIDEBAR -------------------------------------------------------------- */ #sidebar { margin: 30px 0px 20px 0; padding-right: 17px; } #sidebar h2:first-child { margin: 0 0 5px 0; } #sidebar h2 { margin: 0 0 5px 0; clear: left; float: left; } /* FOOTER -------------------------------------------------------------- */ footer { min-height: 430px; width: 100%; background: #005895 url(images/footerbg.jpg) repeat-x top center; padding-top: 30px; } footer a:hover { text-decoration: underline; } footer .kuvaus { } footer .kuvaus:first-child h2 { font: 20px/20px "Ubuntu Condensed", Arial, Helvetica, sans-serif; color: #FFF; background: url(images/footerlogo.png) no-repeat 132px 0px; padding: 0; margin: 0 0 12px 0; } footer .kuvaus h2 { font: 20px/20px "Ubuntu Condensed", Arial, Helvetica, sans-serif; color: #FFF; padding: 0; margin: 0 0 12px 0; text-shadow: 1px 1px 0px rgba(0,0,0,0.2); } footer .kuvaus p { font: 12px "Istok Web", Arial, Helvetica, sans-serif; color: #FFF; margin: 0 0 16px 0; text-shadow: 1px 1px 0px rgba(0,0,0,0.2); } footer .kuvaus p a { color: #FFF; } footer .kuvaus .menu { } footer .kuvaus .menu li { clear: both; float: left; margin: 0 0 0px; line-height: 20px !important; } footer .kuvaus .menu li a { color: #FFE495; font: 12px/20px "Istok Web", Arial, Helvetica, sans-serif; padding: 0 0 0 12px; background: url(images/footerlistbg.png) no-repeat 0px 5px; text-shadow: 1px 1px 0px rgba(0,0,0,0.2); } footer .kuvaus .menu li a:hover { text-decoration: underline; } footer p.copyright { float: right; margin: 0px; font: 12px "Istok Web", Arial, Helvetica, sans-serif; color: #FFF; text-shadow: 1px 1px 0px rgba(0,0,0,0.2); } p.iggo { clear: right; float: right; margin: 10px 0 0 0; color: #9ABBD3; text-align: center; font: 12px "Istok Web", Arial, Helvetica, sans-serif; text-shadow: 1px 1px 0px rgba(0,0,0,0.2); } p.iggo a { color: #9ABBD3; } p.iggo a:hover { text-decoration: underline; color: #FFF; } footer .varaasuoraan { max-width: 150px; clear: both; float: right; margin-top: 32px; border-radius: 100%; border: 2px solid #FFF; } .clear { clear: both; } /* YHTEYSTIEDOT -------------------------------------------------------------- */ iframe { } .wpcf7-form p { margin-bottom: 11px !important; } .wpcf7-form-control-wrap input[type="text"] { width: 100%; } .wpcf7-form-control-wrap textarea { width: 100%; height: 100px; } /* SEARCH -------------------------------------------------------------- */ .search #content h1 { margin-bottom: 20px; } .search #content h2 { margin-bottom: 0px; } /* GALLERY LISTING -------------------------------------------------------------- */ .category-gallery { margin-bottom: 48px; } .category-gallery h2 { margin-top: 10px; } .category-gallery .entry-meta { } .category-gallery .size-thumbnail img { border: 10px solid #f1f1f1; margin-bottom: 0; } .category-gallery .gallery-thumb { float: left; margin-right:20px; margin-top: -4px; } .home #content .category-gallery .entry-content p { display: inline; } .home #content .category-gallery .entry-utility { padding-top:4px; } /* ATTACHMENT PAGES -------------------------------------------------------------- */ .entry-content .attachment img { margin-bottom: 0; } .attachment .entry-content .entry-caption { font-size: 140%; margin-top: 24px; } .attachment .entry-content .nav-previous a:before { content: '\2190\00a0'; } .attachment .entry-content .nav-next a:after { content: '\00a0\2192'; } /* IMAGES -------------------------------------------------------------- */ #content img { margin: 0; max-width: 100%; height: auto; } #content .attachment img { max-width: 100%; } #content .alignleft, #content img.alignleft { display: inline; float: left; margin-right: 24px; margin-top: 4px; } #content .alignright, #content img.alignright { display: inline; float: right; margin-left: 24px; margin-top: 4px; } #content .aligncenter, #content img.aligncenter { clear: both; display: block; margin-left: auto; margin-right: auto; } #content img.alignleft, #content img.alignright { margin-bottom: 12px; } #content img.aligncenter { margin-bottom: 12px; border: 10px solid #F5F5F5; } #content .wp-caption { background: #F5F5F5; line-height: 18px; text-align: center; margin-bottom: 20px; padding: 4px; } #content .wp-caption img { margin: 5px 5px 0; } #content .wp-caption p.wp-caption-text { margin: 5px; color: #666; font: 12px/16px "Istok Web", Arial, Helvetica, sans-serif; } #content .wp-smiley { margin:0; } #content .gallery { margin: auto; } #content .gallery .gallery-item { float: left; margin-top: 0; text-align: center; width: 33%; } #content .gallery img { border: 2px solid #cfcfcf; } #content .gallery .gallery-caption { color: #888; font-size: 12px; margin: 0 0 12px; } #content .gallery dl { margin: 0; } #content .gallery img { border: 10px solid #f1f1f1; } #content .gallery br+br { display: none; } /* COMMENTS -------------------------------------------------------------- */ #comments { clear: both; } #comments .navigation { padding: 0 0 18px 0; } h3#comments-title, h3#reply-title { color: #000; font-weight: bold; font-size: 20px; margin-bottom: 0; } h3#comments-title { padding: 24px 0; } .commentlist { list-style: none; margin: 0; } .commentlist li.comment { border-bottom: 1px solid #e7e7e7; line-height: 24px; margin: 0 0 24px 0; padding: 0 0 0 56px; position: relative; } .commentlist li:last-child { border-bottom:none; margin-bottom:0; } #comments .comment-body ul, #comments .comment-body ol { margin-bottom: 18px; } #comments .comment-body p:last-child { margin-bottom: 6px; } #comments .comment-body blockquote p:last-child { margin-bottom: 24px; } .commentlist ol { list-style: decimal; } .commentlist .avatar { position: absolute; top: 4px; left: 0; } .comment-author { } .comment-author cite { color: #000; font-style: normal; font-weight: bold; } .comment-author .says { font-style: italic; } .comment-meta { font-size: 12px; margin: 0 0 18px 0; } .comment-meta a:link, .comment-meta a:visited { color: #888; text-decoration: none; } .comment-meta a:active, .comment-meta a:hover { color: #FF4B33; } .commentlist .even { } .commentlist .bypostauthor { } .reply { font-size: 12px; padding: 0 0 24px 0; } .reply a, a.comment-edit-link { color: #888; } .reply a:hover, a.comment-edit-link:hover { color: #FF4B33; } .commentlist .children { list-style: none; margin: 0; } .commentlist .children li { border: none; margin: 0; } .nopassword, .nocomments { display: none; } #comments .pingback { margin-bottom: 18px; padding-bottom: 18px; border-bottom: 1px solid #e7e7e7; } .commentlist li.comment+li.pingback { margin-top: -6px; } #comments .pingback p { color: #888; font-size: 12px; line-height: 18px; display:block; margin: 0; } #comments .pingback .url { font-style: italic; font-size: 13px; } /* COMMENTS FORM -------------------------------------------------------------- */ input[type=submit] { color: #333; } #respond { margin: 24px 0; border-top: 1px solid #e7e7e7; overflow: hidden; position: relative; } #respond p { margin: 0; } #respond .comment-notes { margin-bottom: 1em; } .form-allowed-tags { line-height: 1em; } .children #respond { margin: 0 48px 0 0; } h3#reply-title { margin: 18px 0; } #comments-list #respond { margin: 0 0 18px 0; } #comments-list ul #respond { margin: 0; } #cancel-comment-reply-link { font-size: 12px; line-height: 18px; font-weight: normal; } #respond .required { color:#FF4B33; font-weight:bold; } #respond label { color: #888; font-size: 12px; } #respond input { margin:0 0 9px; width:98%; } #respond textarea { width:98%; } #respond .form-allowed-tags { color: #888; font-size: 12px; line-height: 18px; } #respond .form-allowed-tags code { font-size: 11px; } #respond .form-submit { margin: 12px 0; } #respond .form-submit input { width: auto; font-size: 14px; } /* YRITYKSET LOMAKE */ .wpcf7-form p { clear: both; float: left; } .wpcf7-list-item { clear: left; float: left; margin-left: 0 !important; } .wpcf7-list-item input { margin-left: 1px !important; } .wpcf7-list-item-label { margin-top: -2px; } .wpcf7-checkbox { float: left; margin-bottom: 4px; } div.wpcf7-response-output { float:left; } /* BONUSMAAILMA SIDEBAR */ #sidebar .submenu { float: left; width: 100%; border-left: 4px solid #EFEFEF; padding: 0 0 0 26px; margin: 0px 0 25px; } #sidebar .submenu h2 { color: #015391; font: 26px "Ubuntu Condensed", Arial, Helvetica, sans-serif; margin: 0px 0 12px 0; } #sidebar .submenu h2 a { color: #015391; } #sidebar .submenu h2 a:hover { text-decoration: none; } #sidebar .submenu li { clear: both; float: left; width: 100%; margin: 0 0 3px; } #sidebar .submenu li a { font: normal 14px/22px "Istok Web", Arial, Helvetica, sans-serif; color: #0F86C6; background: url(images/sidebullet.png) no-repeat 0px 8px; padding: 0 0 0 11px; } #sidebar .submenu li a:hover { color: #0099FF; text-decoration: underline; } #sidebar .submenu li.current_page_item a { background: url(images/sidebullet.png) no-repeat 0px 8px; color: #333; } #sidebar .submenu li.current_page_item a:hover { text-decoration: none; } .page-id-54 table, .page-id-175 table { margin: 30px 0 5px 0; } .page-id-54 table td, .page-id-175 table td { vertical-align: top !important; padding: 26px 0 8px 30px !important; border-top: 4px solid #EFEFEF; } .page-id-54 table td:first-child, .page-id-175 table td:first-child { padding: 26px 0 17px 0px !important; } .page-id-54 table td img, .page-id-175 table td img { margin: 6px 0 0 0 !important; } .wp-image-92 { margin: -4px 0 12px 24px !important; } #sidebar .sidebanner { clear: both; float: left; width: 100%; padding: 10px 15px; margin: 0 0 10px; border-radius: 6px; border: 5px solid #F2F2F2; box-shadow: 0 0 1px rgba(0,0,0,0.35); background: rgb(1,70,130); /* Old browsers */ background: -moz-linear-gradient(top, rgba(1,70,130,1) 0%, rgba(0,97,162,1) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(1,70,130,1)), color-stop(100%,rgba(0,97,162,1))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(1,70,130,1) 0%,rgba(0,97,162,1) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(1,70,130,1) 0%,rgba(0,97,162,1) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, rgba(1,70,130,1) 0%,rgba(0,97,162,1) 100%); /* IE10+ */ background: linear-gradient(to bottom, rgba(1,70,130,1) 0%,rgba(0,97,162,1) 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#014682', endColorstr='#0061a2',GradientType=0 ); /* IE6-9 */ } #sidebar .sidebanner h2 { border-bottom: 1px solid #0169B4; color: #FFF; font: 20px "Ubuntu Condensed", Arial, Helvetica, sans-serif; width: 100%; padding: 0 0 3px; } #sidebar .buybox { text-align: center; } #sidebar .buybox h2 { border-bottom: none; } #sidebar .buybox h2 strong { color: #FFC706; text-transform: uppercase; font-size: 24px; } #sidebar .buybox .bigbutton { color: #014682; padding: 6px 15px; border-radius: 2px; margin: 0px 0 0 0; clear: both; display: inline-block; background: rgb(255,255,255); /* Old browsers */ background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(238,237,230,1) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(100%,rgba(238,237,230,1))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(238,237,230,1) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(238,237,230,1) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(238,237,230,1) 100%); /* IE10+ */ background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(238,237,230,1) 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#eeede6',GradientType=0 ); /* IE6-9 */ } #sidebar .buybox:hover .bigbutton { background: rgb(232,246,253); /* Old browsers */ background: -moz-linear-gradient(top, rgba(232,246,253,1) 0%, rgba(178,222,246,1) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(232,246,253,1)), color-stop(100%,rgba(178,222,246,1))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(232,246,253,1) 0%,rgba(178,222,246,1) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(232,246,253,1) 0%,rgba(178,222,246,1) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, rgba(232,246,253,1) 0%,rgba(178,222,246,1) 100%); /* IE10+ */ background: linear-gradient(to bottom, rgba(232,246,253,1) 0%,rgba(178,222,246,1) 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e8f6fd', endColorstr='#b2def6',GradientType=0 ); /* IE6-9 */ } form#bonuslogin { clear: both; float: left; width: 100%; } form#bonuslogin p { margin: 0 0 7px !important; color: #FFF; font: bold 12px/21px "Istok Web", Arial, Helvetica, sans-serif; } form#bonuslogin input#login, form#bonuslogin input#password { float: right; height: 21px; line-height: 21px; border: 1px solid #CCC; background: #FFF; font: 12px "Istok Web", Arial, Helvetica, sans-serif; color: #333; } #submit { clear: both; float: right; background: url(images/submitbg.png) repeat-x 0px 0px; border: 1px solid #CCC; height: 22px; border-radius: 2px; font: 13px/22px "Istok Web", Arial, Helvetica, sans-serif !important; color: #014682 !important; } #submit:hover { cursor: pointer; background: url(images/submitbg.png) repeat-x 0px -22px; border: 1px solid #B2DEF6; text-decoration: none !important; } /* YHTEYSTIEDOT */ #sidebar .textbox { float: left; width: 100%; border-left: 4px solid #EFEFEF; padding: 0 0 0 26px; margin: 0px 0 25px; } #sidebar .textbox h2 { clear: both; float: left; width: 100%; color: #015391; font: 26px "Ubuntu Condensed", Arial, Helvetica, sans-serif; margin: 0px 0 13px 0; } #sidebar .textbox p { clear: both; float: left; margin: 0 0 18px; line-height: 20px; } #sidebar .textbox p:last-child { margin: 0; } #sidebar .hkunta { clear: both; float: left; width: 100%; padding: 10px 0px; background: url(images/sidebanner.png) no-repeat; margin: 0 0 10px; border: 5px solid #F2F2F2; box-shadow: 0 0 1px rgba(0,0,0,0.35); border-radius: 6px; background: rgb(1,70,130); /* Old browsers */ background: -moz-linear-gradient(top, rgba(1,70,130,1) 0%, rgba(0,97,162,1) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(1,70,130,1)), color-stop(100%,rgba(0,97,162,1))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(1,70,130,1) 0%,rgba(0,97,162,1) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(1,70,130,1) 0%,rgba(0,97,162,1) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, rgba(1,70,130,1) 0%,rgba(0,97,162,1) 100%); /* IE10+ */ background: linear-gradient(to bottom, rgba(1,70,130,1) 0%,rgba(0,97,162,1) 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#014682', endColorstr='#0061a2',GradientType=0 ); /* IE6-9 */ } #sidebar .hkunta h2 { clear: none; float: right; border-bottom: 1px solid #0169B4; color: #FFF; font: 20px "Ubuntu Condensed", Arial, Helvetica, sans-serif; width: 100%; padding: 0 0 3px; } #sidebar .hkunta img { float: left; width: 100%; height: auto; margin: 0 10px 0 -5px; border-radius: 4px; box-shadow: 1px 1px 0px rgba(255,255,255,0.2); border-top: 1px solid rgba(0,0,0,0.4); border-left: 1px solid rgba(0,0,0,0.4); } #sidebar .hkunta p { font: 12px/16px "Istok Web",Arial,Helvetica,sans-serif; margin: 0 0 10px; color: #FFF; width: 100%; } #sidebar .hkunta .col-xs-4 { padding: 0 4px 0 15px; } #sidebar .hkunta .col-xs-8 { padding: 0 15px 0 4px; } .page-id-20 table td { vertical-align: middle !important; } .page-id-20 table td img { border: 1px solid #CCC; padding: 6px; background: #F5F5F5; border-radius: 6px; } #sidebar .bonuskortti { position: relative; } #sidebar .bonuskortti .korttikuva { position: absolute; left: -31px; top: -11px; } #sidebar .bonuskortti h2 { float: right; text-align: right; width: auto !important; position: relative; z-index: 10; } #sidebar .bonuskortti p { clear: right; float: right; text-align: right; width: 145px; color: #FFF; font: 12px/16px "Istok Web", Arial, Helvetica, sans-serif; margin: 0 0 5px; } #sidebar .bonuskortti #submit { clear: both; float: right; text-align: center; padding: 0 9px; font: 13px/22px "Istok Web", Arial, Helvetica, sans-serif !important; } /* PAKETIT */ #sidebar .textbox2 { float: left; border-bottom: 4px solid #EFEFEF; padding: 0 0 26px 0; margin: 0px 0 1px; } #sidebar .textbox2 h2 { clear: both; float: left; width: 100%; color: #015391; font: 26px "Ubuntu Condensed", Arial, Helvetica, sans-serif; margin: 0px 0 13px 0; } #sidebar .textbox2 p { clear: both; float: left; margin: 0 0 18px; line-height: 20px; } #sidebar .textbox2 p:last-child { margin: 0; } #sidebar .pakettilist { clear: both; float: left; width: 100%; margin: 0 0 1px; border-top: 4px solid #EFEFEF; padding: 10px 0 0 0; } #sidebar .pakettilist:first-child { border-top: 0px solid #EFEFEF; padding: 0; } #sidebar .kokouslist { margin: 0; border-bottom: 0px solid #EFEFEF; padding: 0; border-top: 0px solid #EFEFEF; } #sidebar .pakettilist h2 { clear: both; float: left; width: 100%; color: #015391; font: 26px "Ubuntu Condensed", Arial, Helvetica, sans-serif; margin: 0px 0 2px 0; } #sidebar .pakettilist li { clear: both; float: left; width: 100%; border-top: 1px solid #DDD; padding: 10px 0; } #sidebar .pakettilist li a { width: 100%; float: left; } #sidebar .pakettilist li a:hover { text-decoration: none !important; } #sidebar .pakettilist li:first-child { border-top: 0px solid #DDD; } #sidebar .pakettilist li:hover { background: #F5F5F5; } #sidebar .pakettilist img { float: left; margin: 0; width: 100%; height: auto; } #sidebar .pakettilist h3 { clear: none; float: right; text-align: left; width: 100%; font: 14px/16px "Istok Web", Arial, Helvetica, sans-serif; margin: 0 !important; } #sidebar .pakettilist h3 a { color: #0F86C6; } #sidebar .pakettilist .ote { clear: right; float: right; text-align: left; width: 100%; font: 12px/16px "Istok Web", Arial, Helvetica, sans-serif; color: #888; margin: 0px; } #sidebar .pakettilist .meta-nav { display: none; } #sidebar .pakettilist li .col-xs-4 { padding-left: 0; padding-right: 5px; } #sidebar .hotellilist { clear: both; float: left; width: 310px; margin: 0 0 1px; border-top: 0px solid #EFEFEF; padding: 10px 0 0 0; } #sidebar .hotellilist:first-child { border-top: 0px solid #EFEFEF; padding: 0; } #sidebar .hotellilist h2 { clear: both; float: left; width: 100%; color: #015391; font: 26px "Ubuntu Condensed", Arial, Helvetica, sans-serif; margin: 0px 0 2px 0; } #sidebar .hotellilist li { clear: both; float: left; width: 310px; height: 50px; border-top: 1px dashed #DDD; } #sidebar .hotellilist li a { width: 310px; height: 50px; float: left; } #sidebar .hotellilist li a:hover { text-decoration: none !important; } #sidebar .hotellilist li:first-child { border-top: 0px dashed #DDD; } #sidebar .hotellilist li:hover { background: #F5F5F5; } #sidebar .hotellilist img { float: left; margin: 11px 10px 0 0px; } #sidebar .hotellilist h3 { clear: none; float: right; text-align: left; width: 250px; font: 14px/16px "Istok Web", Arial, Helvetica, sans-serif; margin: 10px 0 0 0 !important; } #sidebar .hotellilist h3 a { color: #0F86C6; } #sidebar .hotellilist .ote { clear: right; float: right; text-align: left; width: 250px; font: 12px/16px "Istok Web", Arial, Helvetica, sans-serif; color: #888; } #sidebar .hotellilist .meta-nav { display: none; } #content #kokoushaku { float: left; width: 100%; border-top: 4px solid #EFEFEF; margin: 8px 0 0 0; } #content #kokoushaku h2 { margin: 20px 0 10px !important; } #content .pakettibox { border-top: 2px solid #EFEFEF; margin: 0; } #content .pakettibox > ul { margin: 0 -13px 18px; } #content .pakettibox li { position: relative; padding-bottom: 15px; padding-top: 15px; } #content .pakettibox.bottombox li { padding-top: 15px; padding-bottom: 0; } #content .pakettibox li.even { border-right: 1px solid #EFEFEF; border-top: 2px solid #EFEFEF; } #content .pakettibox li.odd { border-left: 1px solid #EFEFEF; border-top: 2px solid #EFEFEF; } #content .pakettibox li a.readmore { clear: both; float: left; width: 100%; } #content .pakettibox a.readmore { background: url(images/submitbg.png) repeat-x 0px 0px; border: 1px solid #CCC; height: 22px; border-radius: 2px; font: 13px/22px "Istok Web", Arial, Helvetica, sans-serif !important; color: #014682 !important; text-align: center; padding: 0 9px; } #content .pakettibox a.readmore:hover { cursor: pointer; background: url(images/submitbg.png) repeat-x 0px -22px; border: 1px solid #B2DEF6; text-decoration: none !important; margin: 0px !important; } #content .pakettibox li.first { border-top: 0px solid #DDD; } #content .pakettibox li.second { border-top: 0px solid #DDD; } #content .pakettibox h3 { margin: 0 0 5px 0 !important; line-height: 22px; height: 22px; overflow: hidden; } #content .pakettibox img { clear: both; width: 297px; height: 165px; margin-bottom: 10px; } #content .pakettibox p { font: 14px/18px "Istok Web", Arial, Helvetica, sans-serif; color: #333; margin: 0 0 10px 0 !important; height: 72px; overflow: hidden; } #content .pakettibox .meta-nav { display: none; } /* HOTELLISIVU */ .page-template-page-hotellisingle-php #main { position: relative; } .page-template-page-hotellisingle-php #content h1 { width: 460px; clear: none !important; color: #015391; font: 26px "Ubuntu Condensed", Arial, Helvetica, sans-serif; margin: 0 0 0px 0; } .page-template-page-hotellisingle-php #content h4 { width: 460px; clear: none !important; color: #666; font: 20px "Ubuntu Condensed", Arial, Helvetica, sans-serif; margin: 0 0 18px 0; } #sidebar iframe { border-radius: 6px; } .page-template-page-hotellisingle-php #content .ngg-galleryoverview { } .page-template-page-hotellisingle-php #content .ngg-galleryoverview .ngg-gallery-thumbnail-box .ngg-gallery-thumbnail { margin: 0 0 6px 6px; } .page-template-page-hotellisingle-php #content .ngg-galleryoverview .firstpic .ngg-gallery-thumbnail { margin: 0 0 6px 0px; } .page-template-page-hotellisingle-php #hinta { height: 47px; position: relative; float: right; background: url(images/hintabg.png) repeat-x; border-radius: 6px; margin: 6px 0 0 0; } .page-template-page-hotellisingle-php #hinta .alkaen { float: left; margin: 7px 0px 0 10px; width: 48px; left: 10px; color: #FFF; font: 15px/16px "Ubuntu Condensed", Arial, Helvetica, sans-serif; } .page-template-page-hotellisingle-php #hinta .yellow { float: left; margin: 1px 3px 0 0px; color: #FDE035; font: 37px "Ubuntu Condensed", Arial, Helvetica, sans-serif; letter-spacing; -1px; } .page-template-page-hotellisingle-php #hinta .euro { float: left; margin: 23px 10px 0 0px; color: #FFF; font: 15px/16px "Ubuntu Condensed", Arial, Helvetica, sans-serif; } /* Weather ADDED: 20-03-2017 ---------------------------------------------------------------------------------------------------------------------- */ #hintasaa-wrap { float: right; height: 47px; } #hintasaa-wrap .weather-wrap { float: right; background: #E7E5D9; height: 47px; margin: 6px 10px 0 0; border-radius: 6px; padding: 0 4px; } #wpc-weather { padding: 0 !important; margin: 0 !important; text-align: center; } #wpc-weather .location_name, #wpc-weather .today { display: none !important; } #wpc-weather .time_symbol { float: left; height: 32px; } #wpc-weather .time_symbol > svg { margin: 0 !important; height: 32px !important; width: 32px !important; } #wpc-weather .time_temperature { clear: both; float: right; width: 100%; margin: -3px -1px 0 0px !important; line-height: 16px; font-size: 14px !important; font-family: "Istok Web" !important; color: #888; } #wpc-weather .time_temperature::after { content: "°" !important; font-size: 0.875rem !important; font-family: "Istok Web" !important; } #wpc-weather .climacon_component-fill, #wpc-weather .climacon_component-stroke { fill: #015391 !important; stroke-width: 0 !important; } /* Small devices (landscape phones, less than 48em) */ @media (max-width: 47.9em) { #hintasaa-wrap .weather-wrap { display: none; } } .page-template-page-hotellisingle-php #content table { clear: both; float: left; width: 100%; background: #F5F5F5; border-radius: 0px; border-bottom: 1px solid #FFF; box-shadow: 0px 1px 0px rgba(0,0,0,0.15); } .page-template-page-hotellisingle-php #content table td { padding: 15px 15px 0 15px; width: 50%; vertical-align: top; } .page-template-page-hotellisingle-php #content table td p { margin: 0 0px 17px 0px !important; padding: 0px; } .page-template-page-hotellisingle-php #sidebar .pakettilist { border-top: 0px solid #FFF; padding: 0; margin: 0 0 10px 0; } .page-template-page-hotellisingle-php #sidebar iframe { width: 100% !important; } /* ETUSIVU */ .page-template-page-etusivu-php #content .pakettibox:first-child { border-top: 0px solid #EEE !important; } .page-template-page-etusivu-php .topbox { margin: 0 !important; } .page-template-page-etusivu-php .topbox ul li { padding-top: 0px !important; } /* CFORM */ div.wpcf7-mail-sent-ok { background: url(images/form_successbg.png) repeat-x; height: 36px; font: bold 13px/36px "Istok Web", Arial, Helvetica, sans-serif; text-align: center; border: 1px solid #068500 !important; color: #FFF; text-shadow: 1px 1px 0px rgba(0,0,0,0.3); clear: both; float: left; padding: 0 20px !important; margin: 5px 0 18px !important; border-radius: 6px; text-transform: uppercase; } div.wpcf7-validation-errors { background: url(images/form_errorbg.png) repeat-x; height: 36px; font: bold 13px/36px "Istok Web", Arial, Helvetica, sans-serif; text-align: center; border: 1px solid #851E00 !important; color: #FFF; text-shadow: 1px 1px 0px rgba(0,0,0,0.3); clear: both; float: left; padding: 0 20px !important; margin: 5px 0 18px !important; border-radius: 6px; text-transform: uppercase; } span.wpcf7-not-valid-tip { display: none !important; } /* CBOX */ #cboxTitle { text-align: center !important; width: 100%; color: #EEE !important; position: static !important; margin: 4px 0 0 0 !important; } #colorbox, #cboxOverlay, #cboxWrapper { overflow: visible !important; } /* HUONEVARAUS FORM */ #huonevaraus { clear: both; float: left; width: 100%; background: url(images/huonevarauksetbg.png) repeat-x top center; border-radius: 6px; position: relative; margin: 0 0 10px; } #sidebar #innervaraus { clear: both; float: left; background: #F5F5F5; border-right: 1px solid #E5E5E5; border-left: 1px solid #E5E5E5; border-bottom: 1px solid #E5E5E5; padding: 0 8px 6px; width: 100%; border-bottom-right-radius: 6px; border-bottom-left-radius: 6px; } .varaa_hotelli_soita { color: #FFF; display: none; clear: both; float: left; width: 100%; text-align: center; border-radius: 4px; font: 14px/27px "Istok Web",Arial,Helvetica,sans-serif; height: 27px; margin-top: 5px; background: #014582; /* Old browsers */ background: -moz-linear-gradient(top, #014582 0%, #0067a9 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#014582), color-stop(100%,#0067a9)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #014582 0%,#0067a9 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #014582 0%,#0067a9 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #014582 0%,#0067a9 100%); /* IE10+ */ background: linear-gradient(to bottom, #014582 0%,#0067a9 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#014582', endColorstr='#0067a9',GradientType=0 ); /* IE6-9 */ } .varaa_hotelli_soita:hover { text-decoration: none; background: rgb(1,60,111); /* Old browsers */ background: -moz-linear-gradient(top, rgba(1,60,111,1) 0%, rgba(0,89,144,1) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(1,60,111,1)), color-stop(100%,rgba(0,89,144,1))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(1,60,111,1) 0%,rgba(0,89,144,1) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(1,60,111,1) 0%,rgba(0,89,144,1) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, rgba(1,60,111,1) 0%,rgba(0,89,144,1) 100%); /* IE10+ */ background: linear-gradient(to bottom, rgba(1,60,111,1) 0%,rgba(0,89,144,1) 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#013c6f', endColorstr='#005990',GradientType=0 ); /* IE6-9 */ } #callus { display: block; float: right; color: #FFF !important; text-align: center; border-radius: 4px; font: 14px/27px "Istok Web",Arial,Helvetica,sans-serif; margin-top: 5px; padding: 10px 20px; background: #014582; /* Old browsers */ background: -moz-linear-gradient(top, #014582 0%, #0067a9 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#014582), color-stop(100%,#0067a9)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #014582 0%,#0067a9 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #014582 0%,#0067a9 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #014582 0%,#0067a9 100%); /* IE10+ */ background: linear-gradient(to bottom, #014582 0%,#0067a9 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#014582', endColorstr='#0067a9',GradientType=0 ); /* IE6-9 */ } #huonevaraus .orangetitle { clear: both; float: left; width: 100%; border-radius: 6px 6px 0 0; padding: 0 10px; position: relative; background: rgb(255,115,13); /* Old browsers */ background: -moz-linear-gradient(top, rgba(255,115,13,1) 0%, rgba(249,64,0,1) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,115,13,1)), color-stop(100%,rgba(249,64,0,1))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(255,115,13,1) 0%,rgba(249,64,0,1) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(255,115,13,1) 0%,rgba(249,64,0,1) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, rgba(255,115,13,1) 0%,rgba(249,64,0,1) 100%); /* IE10+ */ background: linear-gradient(to bottom, rgba(255,115,13,1) 0%,rgba(249,64,0,1) 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff730d', endColorstr='#f94000',GradientType=0 ); /* IE6-9 */ } #huonevaraus .orangetitle h2 { color: #FFF; font: 20px/40px "Ubuntu Condensed", Arial, Helvetica, sans-serif; margin: 0; } #huonevaraus .orangetitle .peruutus { font: 12px/18px "Istok Web", Arial, Helvetica, sans-serif !important; color: #FFF !important; margin: 0; position: absolute; right: 15px; bottom: 7px; } #huonevaraus .selectmenu1 { clear: both; float: left; margin: 14px 0 9px 0; } .selectmenu1 select { width: 100%; border: 1px solid #CDCDCD; height: 24px; font: 14px/24px "Istok Web", Arial, Helvetica, sans-serif; padding: 0 0 0 2px; } #huonevaraus .selectmenu2 { clear: both; float: left; margin: 0 0 9px 0; } #huonevaraus .selectmenu3 { float: right; margin: 0 0 9px 0; } #huonevaraus .selectmenu2 select, #huonevaraus .selectmenu3 select { width: 100%; border: 1px solid #CDCDCD; height: 24px; font: 14px/24px "Istok Web", Arial, Helvetica, sans-serif; padding: 0 0 0 2px; } #huonevaraus .datemenu1 { clear: both; float: left; margin: 0 0 16px; } #huonevaraus .datemenu2 { float: right; margin: 0 0 16px; } #huonevaraus .datemenu1 input, #huonevaraus .datemenu2 input { background: #FFF url(images/calendar.png) no-repeat 4px 2px; width: 100%; border: 1px solid #CDCDCD; height: 22px; font: 14px/22px "Istok Web", Arial, Helvetica, sans-serif; padding: 2px 5px 0 24px; } #huonevaraus .varaa_calendar_text { font: 12px/16px "Istok Web", Arial, Helvetica, sans-serif; color: #333; margin: 0 0 1px; } #huonevaraus .submitbutton { clear: both; float: right; background: url(images/huonevaraus_submit.png) repeat-x 0px 0px; height: 27px; font: 14px/27px "Istok Web", Arial, Helvetica, sans-serif; padding: 0 18px; color: #FFF; margin: 0 0 9px; border-radius: 4px; border-bottom: 1px solid #BE4003; border-right: 1px solid #BE4003; width: 100%; text-align: center; } #huonevaraus .submitbutton:hover { background: url(images/huonevaraus_submit.png) repeat-x 0px -27px; text-decoration: none; } #huonevaraus .specialprice { font: 12px/20px "Istok Web",Arial,Helvetica,sans-serif; } #huonevaraus .col-xs-12 { padding: 0 7px; } #huonevaraus input#specialPriceCode { padding: 2px 5px; } /* VISIITTI */ #sidebar .visiitti { position: relative; } #sidebar .visiitti img { position: absolute; right: 15px; top: 5px; padding: 4px; background: #FFF; box-shadow: 1px 1px 2px rgba(0,0,0,0.3); -moz-transform: rotate(5deg); transform: rotate(5deg); -webkit-transform: rotate(5deg); } #sidebar .visiitti h2 { width: 148px; } #sidebar .visiitti p { clear: both; float: left; color: #FFFFFF; font: 12px/16px "Istok Web",Arial,Helvetica,sans-serif; margin: 0 0 5px; text-align: left; width: 145px; } #sidebar .visiitti #submit { clear: both; float: left; font: 13px/22px "Istok Web",Arial,Helvetica,sans-serif !important; padding: 0 9px; text-align: center; } #sidebar .visiittiintro { border-bottom: 0px solid #FFF !important; padding: 0 0 12px !important; } #sidebar .visiittiintro h2 { margin: 0 0 0 0 !important; } #sidebar .visiittilista { clear: both; float: left; width: 100%; padding: 10px 15px; margin: 0 0 10px; position: relative; border: 5px solid #F2F2F2; box-shadow: 0 0 1px rgba(0,0,0,0.35); background: rgb(1,70,130); /* Old browsers */ background: -moz-linear-gradient(top, rgba(1,70,130,1) 0%, rgba(0,97,162,1) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(1,70,130,1)), color-stop(100%,rgba(0,97,162,1))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(1,70,130,1) 0%,rgba(0,97,162,1) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(1,70,130,1) 0%,rgba(0,97,162,1) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, rgba(1,70,130,1) 0%,rgba(0,97,162,1) 100%); /* IE10+ */ background: linear-gradient(to bottom, rgba(1,70,130,1) 0%,rgba(0,97,162,1) 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#014682', endColorstr='#0061a2',GradientType=0 ); /* IE6-9 */ } #sidebar .visiittilista img { width: 60px; height: 80px; position: absolute; right: -8px; top: -6px; padding: 4px; background: #FFF; box-shadow: 1px 1px 2px rgba(0,0,0,0.3); -moz-transform: rotate(4deg); transform: rotate(4deg); -webkit-transform: rotate(4deg); } #sidebar .visiittilista h2 { width: 147px; color: #FFF; font: 18px "Ubuntu Condensed", Arial, Helvetica, sans-serif; width: 100%; padding: 4px 0 0px 0px; margin: 0 0 2px !important; } #sidebar .visiittilista h2 a { color: #FFF; text-shadow: 0px 0px 4px rgba(255,255,255,0.4); } #sidebar .visiittilista h2 a:hover { color: #FFF; text-decoration: none; } #sidebar .visiittilista h2 a:focus { text-decoration: none; } #sidebar .visiittilista p { clear: both; float: left; color: #FFFFFF; font: 12px/16px "Istok Web",Arial,Helvetica,sans-serif; margin: 0 0 4px 0px; text-align: left; width: 200px; } #sidebar .visiittilista p a { color: #FFF; } #sidebar .visiittilista #submit { display: none; clear: both; float: left; font: 13px/23px "Istok Web",Arial,Helvetica,sans-serif !important; padding: 0 9px; text-align: center; } #sidebar #submit:focus, #sidebar .submitbutton:focus { text-decoration: none; } /* HOTELLIT PAGE */ #hotellilista { font-size: 13px; clear: both; float: left; width: 100%; border-top: 4px solid #EFEFEF; padding: 11px 0 0 0; margin: 10px 0; } #hotellilista li { float: left; padding: 0 11px; background: url(images/hotellilista_li.png) no-repeat 0px 7px; } #hotellilista li a.active { color: #FF9900 !important; } #hotellilista li.odd { padding-right: 0px !important; } #hotelmap { float: right; margin: 27px 0 15px; height: 559px; position: relative; background: url(images/hotelmap_bg.jpg) no-repeat 0px 0px; } .hoverbox { position: absolute; top: -70px; left: -90px; display: none; clear: both; width: 212px; height: 70px; background: #FFF; border-radius: 6px; box-shadow: 1px 1px 2px rgba(0,0,0,0.5); /* margin-top: -81px; margin-left: -90px; */ border: solid 1px #CCC; } .hoteltitle { float: left; width: 100px; font: bold 12px/14px "Istok Web", Arial, Helvetica, sans-serif; color: #000; text-align: center; margin: 10px 10px 4px 10px; } .hotelcity { float: left; width: 100px; font: normal 12px/14px "Istok Web", Arial, Helvetica, sans-serif; color: #0F86C6; text-align: center; margin: 0 10px; } .hoverbox #hinta { width: 90px; height: 70px; position: relative; float: right; background: url(images/hoverboxhintabg.png) repeat-x; border-radius: 0px 6px 6px 0px; margin: 0; } .hoverbox #hinta .alkaen { float: left; margin: 10px 10px 0 10px; width: 70px; color: #FFF; font: normal 12px/14px "Istok Web", Arial, Helvetica, sans-serif; text-align: center; } .hoverbox #hinta .hintawrap { clear: both; float: left; width: 80px; padding: 0 5px; text-align: center; } .hoverbox #hinta .yellow { color: #FDE035; font: 37px/37px "Ubuntu Condensed", Arial, Helvetica, sans-serif; letter-spacing; -1px; } .hoverbox #hinta .euro { color: #FFF; font: 15px/17px "Ubuntu Condensed", Arial, Helvetica, sans-serif; } div.staricon { position: absolute; width: 27px; height: 27px; z-index: 50; background-image: url(images/hotelmap_star.png); background-repeat: no-repeat; background-position: 0px 0px; cursor: pointer; overflow: visible; } div.staricon.active { width: 43px !important; height: 43px !important; z-index: 500; margin-top: -8px; margin-left: -8px; background-image: url(images/hotelmap_star_active.png); } #ui-datepicker-div { font-size: 12px !important; } .single #content .ngg-galleryoverview { } .single #content .ngg-galleryoverview .ngg-gallery-thumbnail-box .ngg-gallery-thumbnail { margin: 0 0 6px 6px; } .single #content .ngg-galleryoverview .firstpic .ngg-gallery-thumbnail { margin: 0 0 6px 0px; } #kokoushaku_map { float: right; margin: 15px 0px 15px 0px; width: 100%; height: 559px; position: relative; background-size: cover !important; } #alue { position: relative; z-index: 10; font-size: 13px; padding: 5px; line-height: 30px; } #alue option { line-height: 30px; } #maara { padding: 5px; width: 40px; } #haku_run { padding: 5px; text-align: center; width: 108px; } .infotext { border-bottom: dashed 1px #DDD; padding-bottom: 10px; margin-bottom: 10px !important; } .single_result { clear: both; border-bottom: dashed 1px #DDD; padding-bottom: 10px; margin-bottom: 10px; } .result_image { height: 80px; float: left; margin-right: 15px; } .result_text { height: 80px; } .result_text h3 { margin-top: 0px !important; } .result_addinfo { margin-top: -2px; } #content table.kokoushakusecond td:first-child { padding: 0 0 0px 0px; } #content table.kokoushakusecond td { padding: 0 0 4px 0px; } .salainenlist h2 { margin: 0 0 9px !important; } .salainenlist a { padding: 5px 0; line-height: 18px; } @media (max-width: 1200px) { #sidebar .bonuskortti .korttikuva { width: 130px; top: 0px; left: -25px; } #kokoushaku_map { height: 559px; } #content .pakettibox img { clear: both; width: 290px; height: 161px; margin-bottom: 10px; } } @media (max-width: 992px) { footer p.copyright { clear: both; float: left; margin: 30px 0 0 0; width: 100%; text-align: center; } footer p.iggo { clear: both; float: left; width: 100%; text-align: center; margin: 0 0 20px; } #sidebar #huonevaraus .orangetitle { height: 60px; } #sidebar #huonevaraus .orangetitle .peruutus { left: 17px; } #sidebar .bonuslogin input { clear: both; float: left; width: 100% !important; } #sidebar .bonuslogin input#submit { margin-top: 10px; } #kokoushaku_map { height: 419px; } #content .pakettibox img { clear: both; width: 217px; height: 121px; margin-bottom: 10px; } } @media (max-width: 992px) and (min-width:766px) { #menu-main-wrapper .menu li a { padding: 0 13px; } #sidebar .visiitti img { width: 50px; height: auto; top: 30px; right: -10px; } #sidebar .bonuskortti .korttikuva { width: 60px; left: -18px; top: 40px; } .page-template-page-hotellisingle-php #content h1 { width: 350px; } .page-template-page-hotellisingle-php #content h4 { width: 350px; } } @media (max-width: 766px) { #kuvacycle img { right: 0 !important; left: auto !important; } #menu-main-wrapper { margin-top: 32px; border-left: none; border-right: none; } #menu-main-wrapper .menu li { clear: both; float: left; width: 100%; text-align: center; } #menu-main-wrapper .menu li a { border-left: none; border-right: none; border-top: 1px solid rgba(255,255,255,0.2); border-bottom: 1px solid rgba(0,0,0,0.4); } header .col-xs-12 { position: relative; padding: 0; text-align: center; } header #kuvacycle { position: absolute !important; top: 0; left: 0; z-index: 10; height: 220px; border: none; margin-top: 0; } header #logo { position: relative; top: auto; right: auto; margin-top: 30px; } header #lang_sel_list { position: relative; right: auto; top: auto; margin: 20px auto 20px; } header #facebook_area { position: relative; right: auto; top: auto; margin: 0 auto; } footer { text-align: center; } footer p.copyright { margin: 0; } footer .kuvaus-yhteystiedot { margin-top: 30px; } footer .kuvaus:first-child h2 { background: none; } #sidebar #huonevaraus .datemenu1, #sidebar #huonevaraus .datemenu2 { margin: 0 0 5px; } #sidebar #huonevaraus .specialprice { text-align: left !important; margin: 0; } #sidebar #huonevaraus .submitbutton { margin-top: 10px; } #ui-datepicker-div { margin-left: 0 !important; } #kokoushaku_map { height: 479px; width: 240px !important; } .page-template-page-hotellisingle-php #content #hintasaa-wrap { clear: both; float: left; margin-bottom: 10px; } .page-template-page-hotellisingle-php #content h1 { clear: both; float: left; width: 100%; } .page-template-page-hotellisingle-php #content h4 { clear: both; float: left; width: 100%; } table { display: none; } #bonustuotetable { display: table !important; } #content .pakettibox img { clear: both; width: 100%; height: auto; margin-bottom: 10px; } }