/* ====================================== Theme Name: Directory HTML Author: AitThemes Author URI: http://www.ait-themes.com Version: 1.0 Last change: 26.6.2014; ====================================== */ /*-----------------------------------------------------------------------------------*/ /* TABLE OF CONTENTS /*-----------------------------------------------------------------------------------*/ /* 01. RESET 02. GENERAL 03. LAYOUT 04. HEADER 05. MAIN MENU 06. SOCIAL ICONS 07. MAP 08. DIRECTORY SEARCH BAR 09. BREADCRUMBS 10. CATEGORY SUBCATEGORIES 11. POP UPS 12. ITEM SOCIAL ICONS 13. ITEM DETAILS 14. ELEMENTS 15. NAVIGATION 16. FOOTER 17. WIDGETS 18. COLUMNS SHORTCODE SETTINGS 19. TEXT STYLES 20. CONTACT FORM 21. PORTFOLIO 22. GALLERY 23. SHORTCODES 24. GRID PORTFOLIO SETTINGS 25. FANCYBOX 26. REGISTER COMPANY 27. EASY ADMIN 28. RESPONSIVE 29. CONTACT PAGE */ /*-----------------------------------------------------------------------------------*/ /* 01. 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,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,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; } article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section { display: block; } body { line-height: 1; } ol,ul { list-style: none; } blockquote,q { quotes: none; } blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; } table { border-collapse: collapse; border-spacing: 0; } html,div,map,dt, isindex,form { display: block; } header,nav, article, footer,address { display: block; } /*-----------------------------------------------------------------------------------*/ /* 02. GENERAL /*-----------------------------------------------------------------------------------*/ @font-face { font-family: 'Oswald'; font-style: normal; font-weight: 400; src: local('Oswald Regular'), local('Oswald-Regular'), url(font/oswald.woff) format('woff'); } body { background: #ffffff; color: #777777; line-height: 18px; width: 100%; min-width: 1000px; font-family: arial; font-size: 12px; } .clearfix:after, .clear:after, blockquote:after { content: "."; display: block; height: 0; overflow: hidden; clear: both; visibility: hidden; } embed, iframe, object { border: 0; width: 100%; max-width: 100%; } .center { text-align: center; } .aligncenter { display: block !important; margin: auto auto 20px; text-align: center;} .alignleft { float: left; margin: 0 20px 20px 0; } .alignright { float: right; margin: 0 0 20px 20px; } .left { float: left; } .right { float: right; } .clear { clear: both; } .cleanmargin { margin: 0 !important; } .cleanmargin-bottom { margin-bottom: 0 !important; } .cleanpadding { padding: 0 !important; } .clean-line { line-height: normal !important; } a { color: #2877ae; text-decoration: none; } a:focus, a:active, a:hover { text-decoration: none; } small { font-size: 11px; line-height: 16px; } strong,b, .bold { font-weight: bold; color: #333333; } .normal { font-weight: normal; } .hidden { display: none; } pre,code { font-family: "Lucida Sans Typewriter","Lucida Console"; line-height: 16px; } .frame pre { line-height: 20px; background: url('../img/pre-code.png'); margin: -10px -10px -1px -10px; padding: 10px; overflow: auto; } .frame code { margin-bottom: 10px; } .frame pre code { margin-bottom: 0; } .size-80 { width: 80px; } .size-100 { width: 100px; } .size-120 { width: 120px; } .size-140 { width: 140px; } /* HEADINGS */ h1 a,h2 a,h3 a,h4 a,h5 a,h6 a,h1 a:hover,h2 a:hover,h3 a:hover,h4 a:hover,h5 a:hover,h6 a:hover { text-decoration: none; } #main h1 { font-family: 'Oswald'; font-size: 26px; margin: 0 0 10px 0; font-weight: bold; } #main h2 { font-size: 22px; margin: 0 0 10px 0; font-weight: normal; } #main h3 { font-size: 18px; margin: 0 0 10px 0; font-weight: bold; } #main h4 { font-size: 16px; margin: 0 0 10px 0; font-weight: normal; } #main h5 { font-size: 12px; margin: 0 0 10px 0; font-weight: bold; } #main h6 { font-size: 12px; margin: 0 0 10px 0; font-weight: normal; } #main h1.entry-title { background: url('../img/title-striped-bg.png') repeat-x 0 15px; line-height: 40px; margin: 0 0 10px 0; text-align: center; text-transform: uppercase; } h1.entry-title a, h1.entry-title span { background: #ffffff; padding: 0 20px; } #main h2.subcategories-title { color: #222222; font-family: 'Oswald'; font-size: 18px; line-height: normal; margin: 0 0 10px; font-weight: bold; } /* TEXT ELEMENTS */ hr { background: url('../img/title-striped-bg.png') repeat-x; border: 0; clear: both; height: 10px; margin-bottom: 30px; } cite,em,i { font-style: italic; } blockquote { font-family: Georgia,"Bitstream Charter",serif; font-style: italic; font-weight: normal; } blockquote em, blockquote i, blockquote cite { font-style: normal; } blockquote cite { color: #666666; font: 12px "Helvetica Neue",Helvetica,Arial,sans-serif; font-weight: 300; letter-spacing: 0.05em; text-transform: uppercase; } abbr, acronym, dfn { border-bottom: 1px dotted #666666; cursor: help; } address { display: block; margin: 0 0 220px; } ins { background: #fff9c0; text-decoration: none; } sup,sub { font-size: 10px; height: 0; line-height: 1; position: relative; vertical-align: baseline; } sup { bottom: 1ex; } sub { top: .5ex; } /*-----------------------------------------------------------------------------------*/ /* 03. LAYOUT /*-----------------------------------------------------------------------------------*/ .defaultContentWidth { max-width: 1000px; margin-left: auto; margin-right: auto; position: relative; } #page { margin: 0 auto; } #tagLineHolder { background: #f6f6f6; font-size: 11px; padding: 7px 0; } #tagLineHolder .info { color: #444444; line-height: 24px; padding-left: 25px; } #page.narrow { width: 1000px; -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.2); box-shadow: 0 1px 3px rgba(0,0,0,0.2); } #main { background: #ffffff; display: table; } #wrapper-row { display: table-row; } #primary { display: table-cell; vertical-align: top; } #content { padding: 50px 25px 0; width: 639px; } .onecolumn #content { width: 950px; } #secondary { background: #f7f7f7; display: table-cell; padding: 55px 25px 0; vertical-align: top; width: 260px; } .advertising-box img { border: 0 !important; } #advertising-box-1 .defaultContentWidth > div { padding: 20px 0 20px 25px; } #advertising-box-2 { padding: 0 0 20px; } #advertising-box-3 { padding: 0 0 20px; } #advertising-box-4 { padding: 0 0 20px 0; } /*-----------------------------------------------------------------------------------*/ /* 04. HEADER /*-----------------------------------------------------------------------------------*/ #branding { background: #ffffff url('../img/header-bg_pattern.png') repeat; box-shadow: 0 1px 0 rgba(0,0,0,0.1); position: relative; z-index: 1; } #logo { padding: 35px 0 35px 25px; } #logo img { display: block; } /* WPML */ .wpml-switch { margin: 2px 20px 0 0; } .language-button { display: none; } #language-bubble li { display: inline-block; margin-right: 5px; } #language-bubble .lang img { margin-right: 5px; vertical-align: middle; } /* REGISTER NOTIFICATIONS */ #ait-dir-register-notifications { padding: 7px 0; } #ait-dir-register-notifications .message { padding-left: 25px; width: 975px; } #ait-dir-register-notifications.info { background: #3bbf08; color: #ffffff; } #ait-dir-register-notifications.error { background: #dc1b1b; color: #ffffff; } #ait-dir-register-notifications .close { background: url('../img/notification-close-inv.png') no-repeat; cursor: pointer; float: right; height: 16px; margin-right: 30px; width: 16px; } /*-----------------------------------------------------------------------------------*/ /* 05. MAIN MENU /*-----------------------------------------------------------------------------------*/ #access { display: block; float: right; margin: 38px 25px 38px 0; max-width: 700px; } #access ul { font-size: 15px; list-style: none; margin: 0; } #access li { float: left; position: relative; } #access a { color: #333333; display: block; margin: 5px 0 5px 20px; padding-bottom: 1px; } #access ul ul { -moz-box-shadow: 0 0 0 1px rgba(0,0,0,0.15); -webkit-box-shadow: 0 0 0 1px rgba(0,0,0,0.15); box-shadow: 0 0 0 1px rgba(0,0,0,0.15); display: none; margin: 0; position: absolute; left: 20px; width: 188px; z-index: 99999; top: 26px; } #access ul ul ul { left: 100%; top: 0; } #access ul ul a { border-bottom: 1px solid #eeeeee; color: #444444; font-size: 13px; font-weight: normal; height: auto; width: 168px; } #access .sub-menu li:last-child > a { border-bottom: 0; z-index: 1;} #access li:hover > a, #access ul ul:hover > a, #access ul li.current-menu-item > a, #access a:focus { color: #73ac4b; cursor: pointer; z-index: 1;} #access .sub-menu li { background: #ffffff; } #access .sub-menu li:hover { background: #f2f8fc; } #access .sub-menu a { margin: 0 10px; padding: 9px 0; } #access .sub-menu a:hover { color: #000000; } .mainmenu > ul > li.current-menu-item > a, .mainmenu > ul > li:hover > a { text-decoration: underline; text-shadow: 1px 1px 0 rgba(255,255,255,0.9); z-index:1;} .mainmenu > ul > li { margin-left: 10px; } .mainmenu > ul > li { z-index:1; } .mainmenu > ul > li > a { font-family: 'Oswald'; font-size: 15px; letter-spacing: 0.03em; text-transform: uppercase; } #access ul > li > a.has-submenu { background: url('../img/has-submenu-down.png') no-repeat right center; padding-right: 15px; } #access ul > li > ul > li > a.has-submenu { background: url('../img/has-submenu.png') no-repeat right center; padding-right: 0; } /* ASSISTIVE TEXT */ .assistive-text { position: absolute !important; clip: rect(1px 1px 1px 1px); clip: rect(1px,1px,1px,1px); } #access a.assistive-text:active, #access a.assistive-text:focus { background: #eeeeee; border-bottom: 1px solid #dddddd; color: #1982d1; clip: auto !important; font-size: 12px; position: absolute; text-decoration: underline; top: 0; left: 7.6%; } .responsive-menu { display: none; } /*-----------------------------------------------------------------------------------*/ /* 06. SOCIAL ICONS /*-----------------------------------------------------------------------------------*/ ul.social-icons { padding-right: 25px; } .social-icons li { line-height: 0; margin-left: 10px; } .social-icons li a { display: inline-block; line-height: 0; } .social-icons li a:hover { opacity: 0.8; } /*-----------------------------------------------------------------------------------*/ /* 07. MAP /*-----------------------------------------------------------------------------------*/ #directory-main-bar { background: url('../img/photo/New-York-City-Manhattan.jpg') no-repeat center top; height: 500px; position: relative; z-index: 0; } #directory-main-bar:after { background: rgba(0,0,0,0.1); content: ""; position: absolute; bottom: 0; left: 0; height: 5px; width: 100%; } .directory-map-labels { overflow: visible !important; } #directory-main-bar .spinner { display: none; } .marker-holder { position: relative; left: 0; width: 10px; height: 10px; } .marker-content { width: 280px; position: absolute; bottom: 0; background: #ffffff; border: 4px solid #ffffff; box-shadow: 2px 2px 3px -1px rgba(0,0,0,0.4),0 0 0 1px rgba(0,0,0,0.25) inset; } .map-item-info { padding: 15px; } .with-image .map-item-info { width: 130px; } .map-item-info .title { color: #333333; font-size: 12px; font-weight: bold; } .map-item-info .address { border-bottom: 1px dotted #cccccc; margin-bottom: 10px; padding-bottom: 5px; } .marker-content img { float: right; padding: 1px; } .marker-content .arrow { background: url('../img/map-pin-description.png') no-repeat; bottom: -21px; left: 28px; height: 22px; position: absolute; width: 37px; } .marker-content .close { cursor: pointer; background: #ffffff url('../img/map-icon/pop_up-close.png') no-repeat center; border-radius: 10px; box-shadow: 0 0 1px rgba(0,0,0,0.8); height: 10px; margin: auto; padding: 4px; position: absolute; right: -9px; top: -9px; width: 10px; z-index: 1000; } .map-item-info .more-button { cursor: pointer; background: #73ac4b; background: -moz-linear-gradient(#73ac4b,#6ca146); background: -o-linear-gradient(#73ac4b,#6ca146); background: -webkit-gradient(linear,0% 0%,0% 100%,from(#73ac4b),to(#6ca146)); background: -webkit-linear-gradient(#73ac4b,#6ca146); border: 1px solid #679a43; box-shadow: 0 1px 0 #88bc64 inset; color: #ffffff; display: inline-block; font-size: 10px; font-weight: bold; padding: 3px 10px; text-shadow: 1px 1px 0 #527a35; text-decoration: none; } .map-item-info .more-button:hover { background: #60903f; background: -moz-linear-gradient(#73ac4b,#60903f); background: -o-linear-gradient(#73ac4b,#60903f); background: -webkit-gradient(linear,0% 0%,0% 100%,from(#73ac4b),to(#60903f)); background: -webkit-linear-gradient(#73ac4b,#60903f); border: 1px solid #5b883c; box-shadow: 0 1px 0 #96c376 inset; text-shadow: 1px 1px 0 #46692e; } .cluster { color: #333333; cursor: pointer !important; font-family: 'Oswald'; font-size: 14px; text-align: center; } .cluster-1 { background-image: url('../img/map-icon/cluster-m1.png'); width: 90px; height: 80px; line-height: 79px; } .cluster-2 { background-image: url('../img/map-icon/cluster-m2.png'); width: 90px; height: 80px; line-height: 79px; } .cluster-3 { background-image: url('../img/map-icon/cluster-m3.png'); width: 90px; height: 80px; line-height: 79px; } .draggable-toggle-button { cursor: pointer; background-color: #ffffff; z-index: 1000; position: absolute; bottom: 20px; right: 10px; padding: 10px; } /*-----------------------------------------------------------------------------------*/ /* 08. DIRECTORY SEARCH BAR /*-----------------------------------------------------------------------------------*/ #directory-search { background: #308ecf url('../img/search_bg_pattern.png') repeat; border-top: 1px solid #1e5b85; border-bottom: 1px solid #1e5b85; border-top: 1px solid #0a5c93; box-shadow: 0 1px 0 rgba(255,255,255,0.1) inset,0 -33px 16px -10px rgba(0,0,0,0.05) inset,0 33px 18px -10px rgba(250,250,250,0.1) inset,0 -10px 1px -10px rgba(0,0,0,0.3) inset; } #directory-search .defaultContentWidth { width: 1000px; } #dir-search-inputs { float: left; padding: 20px 25px; width: 639px; } #dir-holder { background: #ffffff; border: 1px solid #1e5b85; border-radius: 40px; box-shadow: 0 1px 0 #cccccc inset,0 2px 0 -1px #3892d1; padding-right: 40px; position: relative; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; width: 100%; } #dir-holder:before { background: #dcdcdc; content: ""; display: block; position: absolute; left: 39px; height: 23px; top: 6px; width: 1px; } .dir-holder-wrap { width: 100%; } .dir-holder-wrap:after { content: "."; display: block; height: 0; overflow: hidden; clear: both; visibility: hidden; } #dir-holder input { display: block; background: url('../img/search_input-loupe.png') no-repeat 13px center; font-size: 13px; height: 35px; line-height: 1; padding: 0 10px 0 50px; vertical-align: top; position: relative; width: auto; max-width: 220px; } #dir-holder input#dir-searchinput-text { float: left; } #dir-holder input#dir-searchinput-category, #dir-holder input#dir-searchinput-location { background: url('../img/search_input-arrow.png') no-repeat right 13px; border-left: 1px solid #dcdcdc !important; float: right; margin: 0 10px 0 0; padding: 0 10px; width: 139px; } #dir-holder input#dir-searchinput-category-id { display: none; } #dir-holder input#dir-searchinput-location-id { display: none; } #dir-holder span.ui-helper-hidden-accessible { display: none; } ul.ui-autocomplete { position: absolute; max-height: 300px; overflow-y: auto; background: #ffffff; border: 1px solid #cfcfcf; border-top: 0; box-shadow: 1px 1px 2px rgba(0,0,0,0.1); width: 172px !important; } ul.ui-autocomplete li { border-bottom: 1px dotted #cfcfcf; margin: 0 10px; padding: 5px 0; } ul.ui-autocomplete li:hover { background: #e9e9e9; margin: 0; padding: 5px 10px; } ul.ui-autocomplete li:last-child { border: 0; } ul.ui-autocomplete li a { background: none !important; border: none !important; color: #222222 !important; display: block; text-decoration: none; } #directory-search .reset-ajax { background: url('../img/ico-style3.png') no-repeat; cursor: pointer; display: none; height: 20px; float: right; left: 220px; margin: 8px; position: absolute; width: 20px; } /* IE9 - Placeholder */ #dir-holder span label[for=dir-searchinput-text] { left: 50px !important; top: 10px !important; font-size: 14px !important; border: none !important; } #dir-holder span label[for=dir-searchinput-category] { left: 10px !important; top: 10px !important; font-size: 14px !important; border: none !important; } #dir-holder span label[for=dir-searchinput-location] { left: 10px !important; top: 10px !important; font-size: 14px !important; border: none !important; } span.for-dir-searchinput-location { left: 260px; position: absolute !important; top: 0; } span.for-dir-searchinput-category { left: 430px; position: absolute !important; top: 0; } .dir-searchinput-settings { background: url('../img/search_input-settings.png') no-repeat center center; border-left: 1px solid #dcdcdc; border-radius: 0 20px 20px 0; cursor: pointer; height: 35px; margin-right: 0; position: absolute; right: 0; top: 0; width: 40px; z-index: 0; } .dir-searchinput-settings:hover { background: #efefef url('../img/search_input-settings.png') no-repeat center center; } .dir-searchinput-settings .icon { height: 35px; width: 40px; } #dir-search-button { background: rgba(255,255,255,0.1); float: left; padding: 20px 25px; width: 260px; } #dir-search-button input { background: #73ac4b url('../img/search_button-loupe.png') no-repeat 92px center; background: -moz-linear-gradient(#73ac4b,#6ca146) url('../img/search_button-loupe.png') no-repeat 92px center; background: -o-linear-gradient(#73ac4b,#6ca146) url('../img/search_button-loupe.png') no-repeat 92px center; background: -webkit-gradient(linear,0% 0%,0% 100%,from(#73ac4b),to(#6ca146)) url('../img/search_button-loupe.png') no-repeat 92px center; background: -webkit-linear-gradient(#73ac4b,#6ca146) url('../img/search_button-loupe.png') no-repeat 92px center; border: 1px solid #5b883c; box-shadow: 0 1px 0 #88bc64 inset,0 1px 0 #46692e; border-radius: 40px; color: #ffffff; display: inline-block; font-family: 'Oswald'; font-size: 15px; padding: 5px 8px 5px 32px; text-shadow: 1px 1px 0 #527a35; text-decoration: none; text-transform: uppercase; width: 261px; } #dir-search-button input:hover { background: #6ca146 url('../img/search_button-loupe.png') no-repeat 92px center; background: -moz-linear-gradient(#73ac4b,#60903f) url('../img/search_button-loupe.png') no-repeat 92px center; background: -o-linear-gradient(#73ac4b,#60903f) url('../img/search_button-loupe.png') no-repeat 92px center; background: -webkit-gradient(linear,0% 0%,0% 100%,from(#73ac4b),to(#60903f)) url('../img/search_button-loupe.png') no-repeat 92px center; background: -webkit-linear-gradient(#73ac4b,#60903f) url('../img/search_button-loupe.png') no-repeat 92px center; border: 1px solid #5b883c; box-shadow: 0 1px 0 #96c376 inset,0 1px 0 #3a5726; cursor: pointer; } /* Advanced Search (POP UP) */ #dir-search-advanced { background: #ffffff; border: 1px solid #afafaf; box-shadow: 1px 1px 0 rgba(80,80,80,0.2); color: #333333; display: none; padding: 20px; position: absolute; right: 0; top: -194px; z-index: 999; width: 300px; } #dir-search-advanced:before { border-color: #ffffff transparent transparent; border-style: solid; border-width: 8px 7px 0; bottom: -8px; content: ""; height: 0; position: absolute; right: 13px; width: 0; } #dir-search-advanced .text { border-bottom: 1px solid #cccccc; font-size: 13px; font-weight: bold; margin: 0 auto 10px; padding: 0 0 5px; text-transform: uppercase; } .text-geo-radius { margin-bottom: 10px; } .geo-radius { float: left; font-weight: bold; } input#dir-searchinput-geo-radius { background: none !important; border: none !important; box-shadow: none !important; color: #222222; float: right; font-size: 12px; font-weight: bold; height: auto; line-height: 17px; margin: 0; padding: 1px 5px 0; text-align: right; width: 50px !important; } .text-geo-radius .metric { display: inline-block; float: right; } #dir-searchinput-geo { display: none !important; } #dir-search-advanced .geo-slider .ui-slider-handle { border: 1px solid #cccccc !important; height: 15px; width: 10px; } #dir-search-advanced .geo-slider .ui-state-hover, #dir-search-advanced .geo-slider .ui-state-focus { background: #73ac4b; border: 1px solid #5b883c !important; } #dir-search-advanced .geo-slider .ui-widget-content { background: #dedede; } .geo-slider { background: #fdfdfd; border: 1px solid #d6d6d6; margin-bottom: 20px; } .ui-slider.ui-widget { margin: 10px auto; text-align: center; width: 90%; } .iphone-style { border-radius: 2px 2px 5px 5px !important; float: right; height: 26px !important; } #dir-search-advanced-close { background: #ffffff url('../img/ico-style3.png') no-repeat; border: 1px solid #cccccc; border-radius: 10px; cursor: pointer; height: 20px; position: absolute; right: -10px; top: -10px; width: 20px; } /*-----------------------------------------------------------------------------------*/ /* 09. BREADCRUMBS /*-----------------------------------------------------------------------------------*/ .category-breadcrumb { margin-top: -10px; margin-bottom: 20px; text-align: center; } .category-breadcrumb span { padding: 0 0 0 3px; } .category-breadcrumb a { text-decoration: none; } .category-breadcrumb a:hover { text-decoration: underline; } .category-breadcrumb span.here { display: none; } /*-----------------------------------------------------------------------------------*/ /* 10. CATEGORY SUBCATEGORIES /*-----------------------------------------------------------------------------------*/ /* MAIN CATEGORY */ ul.subcategories { list-style: none; margin: 0; } ul.subcategories li { display: inline-block; margin-right: 40px; margin-bottom: 30px; width: 184px; vertical-align: top; } ul.subcategories li:nth-child(3n) { margin-right: 0; } ul.subcategories li h3 a { color: #222222; font-family: 'Oswald'; font-size: 15px; font-weight: normal; } .onecolumn ul.subcategories li, .onecolumn ul.subcategories li:nth-child(3n) { margin-right: 65px; } .onecolumn ul.subcategories li:nth-child(4n) { margin-right: 0; } .category-wrap-table { display: table; } .category-wrap-row { display: table-row; } ul.subcategories li .icon { display: table-cell; height: 35px; width: 35px; vertical-align: top; } ul.subcategories li .icon.car { background: url('../img/automotive.png') no-repeat center top; } ul.subcategories li .icon.company { background: url('../img/business.png') no-repeat center top; } ul.subcategories li .icon.computers { background: url('../img/computers.png') no-repeat center top; } ul.subcategories li .icon.food { background: url('../img/food.png') no-repeat center top; } ul.subcategories li .icon.furniture { background: url('../img/furniture.png') no-repeat center top; } ul.subcategories li .icon.music { background: url('../img/music.png') no-repeat center top; } ul.subcategories li .icon.pets { background: url('../img/pets.png') no-repeat center top; } ul.subcategories li .icon.shopping { background: url('../img/shoping.png') no-repeat center top; } ul.subcategories li .icon.travel { background: url('../img/travel.png') no-repeat center top; } ul.subcategories li .description { display: table-cell; padding-left: 20px; vertical-align: top; } /* SUBCATEGORIES */ ul.itemType-website { list-style: none; margin: 0; } ul.items li { margin-bottom: 30px; } .items .thumbnail,.item-image { display: inline-block; float: left; margin-right: 20px; position: relative; } .items .thumbnail img, .item-image img { background: #cfcfcf; border: 1px solid #b6b6b6; padding: 5px; } .items .thumbnail .comment-count { background: #f5f5f5; border: 1px solid #dcdcdc; border-radius: 5px; font-weight: bold; padding: 3px 12px; position: absolute; right: -5px; text-align: center; top: -5px; } .items .description { width: 100%; } .items .item.featured .thumbnail img { background: #73ac4b; border: 1px solid #5b883c; } .items .item.featured .thumbnail:before { background: #73ac4b; bottom: 11px; color: #ffffff; content: "In evidenza"; font-weight: bold; padding: 2px 5px 0; position: absolute; right: 1px; text-shadow: 1px 1px 0 rgba(0,0,0,0.3); } /* Items Sorting */ .dir-sorting {border-bottom: 1px dotted #cfcfcf; margin-bottom: 30px; padding-bottom: 20px; } .dir-sorting .label {color: #2877ae; float: left; font-family: 'Oswald'; font-size: 18px; padding-top: 5px; } .dir-sorting form {float: right; } .dir-sorting .count,.dir-sorting .sortby,.dir-sorting .sort {display: inline-block; padding-right: 20px; } .dir-sorting form div:last-child {padding-right: 0; } .dir-sorting label {color: #222222; font-weight: bold; padding-right: 5px; } .dir-sorting select {background: #cfcfcf; border: 1px solid #9c9c9c; border-radius: 20px; box-shadow: 0 1px 0 rgba(255,255,255,0.3) inset; color: #333333; display: inline-block; font-size: 12px; padding: 4px 5px; text-decoration: none; text-shadow: 1px 1px 0 rgba(255,255,255,0.6); } /* Contact Owner */ .contact-owner, .claim-listing-button { background: #73ac4b; border: 1px solid #5b883c; color: #ffffff; display: block; font-family: 'Oswald'; font-size: 12px; margin-top: 5px; padding: 5px 10px; text-align: center; text-shadow: 1px 1px 0 #527a35; text-transform: uppercase; } .contact-owner:hover, .claim-listing-button:hover { background: #6ca146; border: 1px solid #5b883c; cursor: pointer; } /*-----------------------------------------------------------------------------------*/ /* 11. POP UPS /*-----------------------------------------------------------------------------------*/ .contact-owner-popup #cboxTitle, .contact-owner-popup #cboxClose, .claim-listing-popup #cboxTitle, .claim-listing-popup #cboxClose { display: none !important; } .contact-owner-popup .pp_content, .claim-listing-popup .pp_content { padding: 20px 20px 10px; -moz-box-sizing: border-box; box-sizing: border-box; height: auto !important; } .contact-owner-popup .pp_close, .claim-listing-popup .pp_close { right: 40px; top: -48px; } .contact-owner-popup h3, .claim-listing-popup h3 { font-size: 15px; font-family: 'Oswald'; margin-bottom: 20px; text-transform: uppercase; } .contact-owner-popup .input, .claim-listing-popup .input { display: inline-block; margin: 0 9px 10px 0; position: relative; } .contact-owner-popup .input:nth-child(4), .claim-listing-popup .input:nth-child(4) { margin-right: 0; } .contact-owner-popup label, .claim-listing-popup label { left: 10px; position: absolute; top: 6px; } .contact-owner-popup input, .contact-owner-popup textarea, .claim-listing-popup input, .claim-listing-popup textarea { background: #ffffff; border: 1px solid #c8c8c8 !important; -webkit-box-shadow: 0 -16px 3px -15px rgba(0,0,0,0.1) inset; -moz-box-shadow: 0 -16px 3px -15px rgba(0,0,0,0.1) inset; box-shadow: 0 -16px 3px -15px rgba(0,0,0,0.1) inset; color: #333333; padding: 6px 10px !important; width: 123px; } .contact-owner-popup textarea, .claim-listing-popup textarea { width: 437px; } .contact-owner-popup button, .claim-listing-popup button { background: #73ac4b !important; border: 1px solid #5b883c !important; color: #ffffff; font-family: 'Oswald'; font-size: 14px; height: 37px; margin: 10px 0 10px; text-shadow: 0 1px 0 #173e77; text-transform: uppercase; width: 130px !important; } .contact-owner-popup button:hover, .claim-listing-popup button:hover { background: #6ca146 !important; border: 1px solid #5b883c !important; cursor: pointer; } .contact-owner-popup .success, .contact-owner-popup .validator, .contact-owner-popup .server, .claim-listing-popup .success, .claim-listing-popup .validator, .claim-listing-popup .server { display: none; font-weight: bold; text-shadow: 1px 1px 0 #ffffff; } .contact-owner-popup .messages, .claim-listing-popup .messages { margin-top: 10px; } .contact-owner-popup .validator, .claim-listing-popup .validator { color: #dd0000; } .contact-owner-popup .success, .claim-listing-popup .success { color: #6ca146; } .claim-listing-popup input, .claim-listing-popup textarea { width: 201px; } .claim-listing-popup textarea { width: 437px; } .claim-listing-popup .input:nth-child(3), .claim-listing-popup .input:nth-child(5) { margin-right: 0; } .claim-listing-popup .input:nth-child(4) { margin-right: 9px; } .claim-listing-popup .pp_close { top: -58px; } /*-----------------------------------------------------------------------------------*/ /* 12. ITEM SOCIAL ICONS /*-----------------------------------------------------------------------------------*/ .item-share { background: #f7f7f7; border: 1px solid #cfcfcf; margin-bottom: 30px; } .social-item { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; border-right: 1px dashed #cfcfcf; display: inline-block; padding: 8px 0 7px; text-align: center; width: 32%; } .social-item:last-child { border: 0; } .social-item .twitter-share-button { width: 78px !important; } .social-item #___plusone_0 iframe { width: 66px !important; } /*-----------------------------------------------------------------------------------*/ /* 13. ITEM DETAILS /*-----------------------------------------------------------------------------------*/ .item-info { float: left; width: 303px; } .item-address,.item-hours { padding: 0 0 20px 50px; } dl.item-address dt { float: left; font-weight: bold; padding-bottom: 10px; width: 80px; } dl.item-address dt.title { float: none; padding: 0; width: 100%; } dl.item-address dd { padding-bottom: 10px; padding-left: 80px; } .item-address { background: url('../img/item-icon-adress.png') no-repeat; } .item-hours { background: url('../img/item-icon-open_hours.png') no-repeat; } .item-hours .day { float: left; font-weight: bold; width: 80px; } .item-hours .data { word-spacing: 0.4em; } .item-info h4 { border-bottom: 1px dotted #cfcfcf; padding-bottom: 10px; } .item-map { border: 1px solid #cfcfcf; float: right; margin-bottom: 30px; } .item-alternative-content { padding-bottom: 20px; } /*-----------------------------------------------------------------------------------*/ /* 14. ELEMENTS /*-----------------------------------------------------------------------------------*/ /* CONTENT */ .hentry, .no-results { position: relative; } .blog .sticky .entry-header .entry-meta { clip: rect(1px 1px 1px 1px); clip: rect(1px,1px,1px,1px); position: absolute !important; } .entry-title { clear: both; font-weight: bold; } .entry-title, .entry-title a { color: #222222; text-decoration: none; } .entry-title a:hover, .entry-title a:focus, .entry-title a:active { color: #2877ae; } .entry-meta { border-bottom: 1px dotted #cfcfcf; clear: both; font-size: 12px; line-height: 18px; margin-bottom: 10px; padding-bottom: 5px; position: relative; } .entry-meta a { border-right: 1px solid #cfcfcf; font-weight: bold; margin-right: 5px; padding-right: 9px; text-decoration: none; } a.post-edit-link, .comment-edit-link { background: #73ac4b; border: 1px solid #578138; color: #ffffff; float: right; font-size: 10px; line-height: 15px; margin: 0; padding: 0 5px; text-decoration: none; text-shadow: 1px 1px 0 #5b883c; text-transform: uppercase; } a.post-edit-link:hover, .comment-edit-link:hover { background: #578138; border: 1px solid #486c2f; } .comment-reply-link { background: #2877ae; border: 1px solid #1d557c; color: #ffffff; float: right; font-size: 10px; line-height: 15px; margin: 0; padding: 0 5px; text-decoration: none; text-shadow: 1px 1px 0 #1e5b85; text-transform: uppercase; } .comment-reply-link:hover { background: #1d557c; border: 1px solid #174463; } .cat-links { max-width: 330px; } .cat-links a { border: 0; margin: 0; padding: 0; } .single-author .entry-meta .by-author { display: none; } .entry-meta .sep { display: inline-block; height: 16px; text-indent: -999px; width: 16px; } .entry-meta span { display: inline-block; vertical-align: top; } .blog-date { background: url('../img/blog-icon-date.png') no-repeat left center; } .blog-author { background: url('../img/blog-icon-user.png') no-repeat left center; } .blog-categories { background: url('../img/blog-icon-tag.png') no-repeat left center; } /* IMAGES */ img[class*="align"],img[class*="wp-image-"],img[class*="attachment-"] { height: auto; } img.size-full,img.size-large { height: auto; } .entry-content img.wp-smiley { border: none; margin-bottom: 0; margin-top: 0; padding: 0; } /* IMAGE BORDERS */ img[class*="align"],img[class*="wp-image-"],#content .gallery .gallery-icon img { border: 1px solid #cfcfcf; } .wp-caption img { border-color: #eeeeee; } a:focus img[class*="align"],a:hover img[class*="align"],a:active img[class*="align"],a:focus img[class*="wp-image-"],a:hover img[class*="wp-image-"],a:active img[class*="wp-image-"],#content .gallery .gallery-icon a:focus img,#content .gallery .gallery-icon a:hover img,#content .gallery .gallery-icon a:active img { border-color: #2877ae; position: relative; } a:focus img[class*="align"]:before,a:hover img[class*="align"]:before,a:active img[class*="align"]:before,a:focus img[class*="wp-image-"]:before,a:hover img[class*="wp-image-"]:before,a:active img[class*="wp-image-"]:before,#content .gallery .gallery-icon a:focus img:before,#content .gallery .gallery-icon a:hover img:before,#content .gallery .gallery-icon a:active img:before { background: #73ac4b url(../img/img-zoom.png) no-repeat center center; border-color: #2877ae; } .wp-caption a:focus img,.wp-caption a:active img,.wp-caption a:hover img { background: #ffffff; border-color: #dddddd; } /* Password Protected Posts */ .post-password-required .entry-header .comments-link { margin: 1.625em 0 0; } .post-password-required input[type=password] { margin: 0.8125em 0; } .post-password-required input[type=password]:focus { background: #f7f7f7; } /* Comments link */ .comments-link { float: right; margin-left: 10px; } .entry-meta .comments-link a { background: url(../img/blog-icon-comment2.png) no-repeat left center; border: 0; color: #73ac4b; font-family: 'Oswald'; font-size: 14px; font-weight: normal; margin: 0; padding: 0 0 0 20px; text-decoration: none; } .entry-header .comments-link a:hover,.entry-header .comments-link a:focus,.entry-header .comments-link a:active { background-color: #1982d1; color: #ffffff; color: rgba(255,255,255,0.8); } .entry-header .comments-link .leave-reply { visibility: hidden; } /*-----------------------------------------------------------------------------------*/ /* 15. NAVIGATION /*-----------------------------------------------------------------------------------*/ #content nav { border-top: 1px dotted #cfcfcf; clear: both; margin: 0 -25px; overflow: hidden; padding: 19px 25px 20px; } #content nav#nav-above { border-top: 0; border-bottom: 1px dotted #cfcfcf; margin-bottom: 30px; margin-top: -50px; display: none; } #content nav a,#content nav span.current { background: #cfcfcf; border: 1px solid #9c9c9c; border-radius: 20px; box-shadow: 0 1px 0 rgba(255,255,255,0.3) inset; color: #333333; display: inline-block; font-size: 12px; font-weight: bold; margin: 0 3px; padding: 4px 10px; text-decoration: none; text-shadow: 1px 1px 0 rgba(255,255,255,0.6); } #content nav a:hover { background: #b6b6b6; border: 1px solid #838383; } #content nav span.current { background: #73ac4b; border: 1px solid #5b883c; color: #ffffff; text-shadow: 1px 1px 0 rgba(0,0,0,0.4); } #nav-above { padding: 0 0 20px; } #nav-above { display: none; } .paged #nav-above { display: block; } .nav-previous { float: left; width: 50%; } .nav-next { float: right; text-align: right; width: 50%; } #content nav .meta-nav { font-weight: normal; } .page_nav { text-align: center; } .prev.page-numbers { float: left; margin: 0 !important; } .next.page-numbers { float: right; margin: 0 !important; } /*-----------------------------------------------------------------------------------*/ /* 16. FOOTER /*-----------------------------------------------------------------------------------*/ #colophon { background: #f9f9f9; border-top: 1px solid #cfcfcf; clear: both; } #supplementary { padding: 40px 0 0; overflow: hidden; } #site-generator { background: #f9f9f9; border-top: 1px solid #dddddd; color: #666666; font-size: 12px; line-height: 18px; text-align: center; } #site-generator .sep { background: url(../img/wordpress.png) center left no-repeat; color: transparent; display: inline-block; height: 16px; line-height: 16px; margin: 0 7px; width: 16px; } #footer-text { float: left; padding: 15px 0 15px 25px; text-shadow: 1px 1px 0 rgba(255,255,255,0.9); } nav.footer-menu { float: right; padding: 15px 25px 15px 0; } nav.footer-menu li { display: inline; margin-left: 10px; } #site-generator nav.footer-menu li a { color: #333333; text-decoration: none; text-shadow: 1px 1px 0 rgba(255,255,255,0.9); } #site-generator nav.footer-menu li a:hover,#site-generator nav.footer-menu li.current-menu-item a,#site-generator nav.footer-menu li.current_page_item a { color: #73ac4b; font-weight: bold; } /*-----------------------------------------------------------------------------------*/ /* 17. WIDGETS /*-----------------------------------------------------------------------------------*/ .widget_calendar h2.widget-title { display: none; } aside.widget { padding-bottom: 30px; clear: both; } #main aside h3.widget-title { background: url(../img/title-solid-bg.png) center center repeat-x; color: #222222; line-height: 30px; font-family: 'Oswald'; font-size: 15px; font-weight: normal; margin: 0 0 1px 0; padding: 0; text-align: center; text-transform: uppercase; } aside h3.widget-title span { background: #f7f7f7; padding: 0 20px; } aside h3.widget-title:after { content: "."; display: block; height: 0; overflow: hidden; clear: both; visibility: hidden; } aside h3.widget-title a { color: #222222; text-decoration: none; } aside h3.widget-title a:hover { color: #222222; text-decoration: none; } /* FOOTER WIDGETS */ .widgets { color: #777777; height: auto; position: relative; width: auto; } .widget-area { margin: 0 0 0 25px; } .widgets .widget-container { display: inline-block; padding: 0 60px 20px 0; vertical-align: top; width: 196px; } footer .widget-container { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } .widgets .widget-container:last-child { padding-right: 0; } .widgets a { color: #2877ae; text-decoration: none; } .widgets a:hover { color: #222222 !important; text-decoration: underline; } .widgets h2.widget-title { font-family: 'Oswald'; font-weight: normal; color: #222222; font-size: 16px; margin: 0 0 10px; text-transform: uppercase; } .widgets h2.widget-title a { color: #222222; text-decoration: none; } .widgets h2.widget-title a:hover { color: #222222; text-decoration: none; } .widgets .col-1 { width: 240px; } .widgets .col-2 { width: 230px; } .widgets .col-3 { width: 215px; } .widgets .col-4 { width: 256px; } .widgets .col-5 { width: 202px; } .widgets .col-6 { width: 202px; } .widget_posts { margin: 0 0 6px 0; padding: 0; } .widget_posts .postitem { background: url("") repeat; margin-bottom: 1px; padding-bottom: 10px; padding-top: 10px; } .widget_posts .thumb-wrap { margin-bottom: 10px; } .widget_posts .thumb-wrap.fr { float: right; margin-top: 2px; margin-left: 12px; margin-bottom: 0; } .widget_posts .thumb-wrap.fl { float: left; margin-top: 2px; margin-right: 12px; margin-bottom: 0; } .widget_posts a { display: block; } .widget_posts img { background: #ffffff; display: block; border: 1px solid #cccccc; padding: 3px; } .widget_posts h3 { font-size: 12px; margin: 0; line-height: 20px; font-weight: bold; } .widget_posts h3 a { color: #2877ae; text-decoration: none; } .widget_posts h3 a:hover { background: none; color: #222222; text-decoration: underline; } .widget_posts p { color: #222222; font-size: 11px; line-height: 16px; } .sidebar .widget_posts .postitem { padding-left: 15px; padding-right: 15px; } .widget_posts .postitem h3 { font-size: 12px !important; line-height: 15px; margin: 0 0 5px !important; } /* CALENDAR WIDGETS */ #main aside.widget_calendar h3.widget-title { display: none; } .widget_calendar #calendar_wrap { overflow: hidden; position: relative; } .widget_calendar table { width: 100%; font-size: 12px; } .widget_calendar caption { margin-bottom: 1px; color: #5e5e5e; font-family: 'Oswald'; font-size: 12px; line-height: 20px; padding: 4px 6px; text-shadow: 1px 1px 0 #ffffff; } .widget_calendar tbody { background: #f0f0f0; } .widget_calendar td,.widget_calendar th { border: 1px solid #e1e1e1; color: #222222; font-size: 11px; padding: 0 0; line-height: 22px; text-align: center; width: 14%; } .widget_calendar td.pad { background: #e3e3e3; } .widget_calendar tfoot td.pad { background: none; } .widget_calendar td:first-child,.widget_calendar th:first-child { border-left: none; } .widget_calendar thead th { background: #e2e2e2 !important; border-bottom-color: #c3c3c3; border-top-color: #fefefe; border-width: 1px 0 1px 0; color: #666666 !important; font-size: 11px; font-weight: bold; } .widget_calendar tbody td:hover { cursor: default; } .widget_calendar tbody td a { color: #ffffff; background: #333333; text-decoration: none; text-shadow: none; display: block; font-weight: bold; } .widget_calendar tbody td a:hover { color: #ffffff; background: #2877ae; text-decoration: none; } .widget_calendar td#today { color: #222222; font-weight: bold; background: #ffffff; border-bottom: 2px solid #2877ae; } .widget_calendar td#today a { color: #ffffff; } .widget_calendar tfoot td { padding-top: 0; padding-bottom: 0; border-width: 0; height: 0; line-height: 0; background: none; vertical-align: middle; } .widget_calendar tfoot td a { display: block; width: 18px; height: 18px; font-size: 0; line-height: 0; text-indent: -9999px; text-decoration: none; } .widget_calendar tfoot td#prev a { position: absolute; top: 5px; left: 5px; } .widget_calendar tfoot td#next a { position: absolute; top: 5px; right: 5px; } .widget_calendar tfoot td#prev a:before,.widget_calendar tfoot td#next a:before { content: ""; border-style: solid; position: absolute; top: 4px; height: 0; width: 0; } .widget_calendar tfoot td#prev a:before { border-color: transparent #cfcfcf transparent transparent; border-width: 6px 6px 6px 0; right: 8px; } .widget_calendar tfoot td#next a:before { border-color: transparent transparent transparent #cfcfcf; border-width: 6px 0 6px 6px; left: 8px; } .widget_calendar tfoot td#prev a:hover:before { border-color: transparent #b6b6b6 transparent transparent; } .widget_calendar tfoot td#next a:hover:before { border-color: transparent transparent transparent #b6b6b6; } .widget_calendar tfoot a:hover { color: #222222; font-family: 'Oswald'; background: none; } .footer-widgets .widget_calendar caption { color: #2877ae; background: url('../img/bck_FF-10.png'); } .footer-widgets .widget_calendar td,.footer-widgets .widget_calendar th { background: url('../img/bck_FF-10.png'); color: #777777; } .widget_archive li,.widget_categories li,.widget_links li,.widget_meta li,.widget_nav_menu li,.widget_pages li,.widget_recent_comments li,.widget_recent_entries li,.widget_rss li,.widget_submenu li { border-bottom: 1px dotted #cfcfcf; line-height: 20px; } .widget_archive li a,.widget_categories li a,.widget_links li a,.widget_meta li a,.widget_nav_menu li a,.widget_pages li a,.widget_recent_entries li a,.widget_rss li a,.widget_submenu li a { display: block; padding: 5px 5px 5px 15px; text-decoration: none; position: relative; } /* ARROWS */ .widget_archive li a:before,.widget_categories li a:before,.widget_links li a:before,.widget_meta li a:before,.widget_nav_menu li a:before,.widget_pages li a:before,.widget_recent_entries li a:before,.widget_rss li a:before,.widget_submenu li a:before { content: ""; border-color: transparent transparent transparent #73ac4b; border-style: solid; border-width: 5px 0 5px 5px; position: absolute; top: 10px; left: 2px; height: 0; width: 0; } /** Common widgets modifications **/ .widget_archive li:after,.widget_categories li:after { content: "."; display: block; height: 0; overflow: hidden; clear: both; visibility: hidden; } .widget_archive a,.widget_categories a { text-align: left; } .widget_flickr ul { background: url("") repeat; list-style-type: none; padding: 10px 0 8px 0; } .widget_flickr ul:after { content: "."; display: block; height: 0; overflow: hidden; clear: both; visibility: hidden; } .widget_flickr ul li { float: left; } .widget_flickr ul li a { display: block; margin: 0 9px 9px 0; } .widget_flickr ul li img { background: #ffffff; border: 1px solid #cccccc; display: block; padding: 3px; } .widget_flickr span.wd-icon { display: none; } .widget_links li { font-size: 11px; line-height: 16px; } .widget_links li a { display: block; font-size: 12px; line-height: 20px; } .widget_nav_menu ul ul,.widget_pages ul ul { margin-bottom: 1px; } .widget_nav_menu ul ul ul,.widget_pages ul ul ul { border-top-width: 0; padding-top: 0; } .widget_nav_menu li li,.widget_pages li li { border-bottom-width: 0; padding: 0 0 3px 0; margin: 0; padding-left: 12px; } .widget_nav_menu li li a:before,.widget_pages li li a:before { border-color: transparent transparent transparent #333333; } .widget_nav_menu li li li a:before,.widget_pages li li li a:before { border-color: transparent transparent transparent #bbbbbb; } .widget_recent_comments li { padding: 5px 15px; position: relative; } .widget_recent_comments li:before { content: ""; border-color: transparent transparent transparent #2877ae; border-style: solid; border-width: 5px 0 5px 5px; position: absolute; top: 5px; left: 2px; height: 0; width: 0; } .widget_search h2 { display: none; } #searchform { line-height: 22px; } #searchform:after { content: "."; display: block; height: 0; overflow: hidden; clear: both; visibility: hidden; } #searchform label { display: none; width: 80px; float: left; } #searchform #s,#search-form .s { color: #555555; display: block; float: left; font-size: 12px; height: 20px; line-height: 20px; padding: 8px 10px 0; width: 203px; } #sections #searchform #s,#sections #search-form .s { color: #ffffff; } #search-form .s { width: 120px; } #content #searchform { background: #e9e9e9; border: 1px solid #cfcfcf; padding: 5px; } #content input#s { background: #ffffff; width: 89%; max-width: 89%; } #content #searchform #searchsubmit { height: 30px; margin: 0; width: 7%; } #searchform #searchsubmit,#search-form .searchsubmit { background: url('../img/search.png') center no-repeat; border-left: 1px solid #cfcfcf; border-width: 0 0 0 1px; cursor: pointer; display: block; font-size: 0; height: 16px; margin: 7px 0; text-indent: -9999px; width: 35px; } #search-form #search-submit.searchsubmit { background: url('../img/search.png') center 3px no-repeat; display: none; } aside.widget_search { margin-bottom: 20px; } aside.widget_search form#searchform > div { background: #ffffff; border: 1px solid #cfcfcf; box-shadow: 0 2px 1px rgba(0,0,0,0.1) inset; } input[type=text],input[type=password],textarea { border: 0; } input[type=text]:focus,textarea:focus { color: #373737; } textarea { padding-left: 3px; width: 98%; } input[type=text] { padding: 3px; } input#s { background: none; } input#searchsubmit { display: none; } .widget_submenu li.current_page_item a,.widget_submenu li.current_page_item a:hover { color: #222222; font-weight: bold; text-decoration: none; } .widget_tag_cloud .tagcloud { padding: 5px 15px; } .widget_tag_cloud a:hover { background: none; text-shadow: none; } .widget-text-img { margin: -5px -15px -11px; max-width: 210px !important; } aside.widget_text .textwidget { line-height: 20px; padding: 10px 0; } .widget_text .textwidget a { color: #222222; text-decoration: underline; } .widget_text .textwidget a:hover { color: #222222; text-decoration: none; } .widget_text p { line-height: 20px; margin-bottom: 20px; } .widget_text .textwidget h1 { font-family: 'Oswald'; font-size: 26px; color: #222222; margin: 0 0 10px 0; font-weight: bold; } .widget_text .textwidget h2 { font-family: 'Oswald'; font-size: 22px; color: #222222; margin: 0 0 10px 0; font-weight: bold; } .widget_text .textwidget h3 { font-family: 'Oswald'; font-size: 18px; color: #222222; margin: 0 0 10px 0; font-weight: bold; } .widget_text .textwidget h4 { font-family: 'Oswald'; font-size: 14px; color: #222222; margin: 0 0 10px 0; font-weight: bold; } .widget_text .textwidget h5 { font-family: 'Oswald'; font-size: 12px; color: #222222; margin: 0 0 10px 0; font-weight: bold; } .widget_text .textwidget h6 { font-family: arial; font-size: 12px; color: #222222; margin: 0 0 10px 0; font-weight: bold; } .widget_twitter li { border-bottom: 1px dotted #dedede; font-size: 12px; line-height: 18px; margin-bottom: 2px; padding: 5px 0 3px; } .widget_twitter li:last-child { border-bottom: 0 none; margin-bottom: 0; padding-bottom: 0; } .widget_twitter .twitter-timestamp { background: url('../img/blog_icons_light.png') no-repeat -83px 0; color: #2877ae; display: block; line-height: 20px; padding-bottom: 5px; padding-left: 22px; margin: 5px 0 0; } .widget_twitter .twitter-timestamp abbr { font-weight: bold; } /*** FOOTER WIDGETS modifications ***/ .widgets .widget_archive li a,.widgets .widget_categories li a,.widgets .widget_links li a,.widgets .widget_meta li a,.widgets .widget_nav_menu li a,.widgets .widget_pages li a,.widgets .widget_recent_entries li a,.widgets .widget_rss li a,.widgets .widget_submenu li a,.widgets .widget_recent_comments li { padding: 6px 0 6px 15px; color: #777777; } .widgets .widget_archive li a:before,.widgets .widget_categories li a:before,.widgets .widget_links li a:before,.widgets .widget_meta li a:before,.widgets .widget_nav_menu li a:before,.widgets .widget_pages li a:before,.widgets .widget_recent_entries li a:before,.widgets .widget_rss li a:before,.widgets .widget_submenu li a:before,.widgets .widget_recent_comments li:before { border-color: transparent transparent transparent #73ac4b; top: 11px; } .widgets #searchform { background: none; padding: 0; } .widgets .widget_tag_cloud .tagcloud { padding: 0; } .widgets .widget_tag_cloud a { color: #777777; } .widgets .widget_tag_cloud a:hover { color: #222222; } .widgets .widget_album img { width: 100%; } .widgets .widget_flickr ul { background: none; padding: 0; } .widgets .widget_text { padding-bottom: 5px; } .widgets .widget_text .textwidget a { color: #2877ae; text-decoration: none; } .widgets .widget_text .textwidget a:hover { color: #222222; text-decoration: underline; } .widgets .widget_text .textwidget h1,.widgets .widget_text .textwidget h2,.widgets .widget_text .textwidget h3,.widgets .widget_text .textwidget h4,.widgets .widget_text .textwidget h5,.widgets .widget_text .textwidget h6 { color: #2877ae; } .widgets .widget_posts .postitem { border-bottom-width: 0; margin-bottom: 1px; padding-bottom: 10px; padding-top: 0; background: none; } .widgets .widget_posts p { color: #777777; text-shadow: none; } .widgets .widget_posts .thumb-wrap.fl { margin-left: 0; } .widgets .widget_posts h3 a { color: #2877ae; } .widgets .widget_posts h3 a:hover { color: #222222; } .widgets .widget_occasion .event-container,.widgets .widget_events .event-container { background: none; padding: 0 0 10px 0; } .widgets .widget_occasion a, .widgets .widget_events a { color: #777777; text-decoration: none; } .widgets .widget_occasion a:hover,.widgets .widget_events a:hover { color: #222222; text-decoration: none; } .widgets .widget_occasion h3.event-date,.widgets .widget_events h3.event-date { color: #404040; } .widgets .widget_occasion .event-title,.widgets .widget_events .event-title { color: #2877ae; } .widgets .widget_events .event-month { color: #000000; background: #404040; } /*-----------------------------------------------------------------------------------*/ /* 18. COLUMNS SHORTCODE SETTINGS /*-----------------------------------------------------------------------------------*/ .clearing { clear: both; font-size: 0; height: 0; line-height: 0; } .sc-column { float: left; padding: 10px 0; margin-right: 16px; } .onecolumn .sc-column { margin-right: 20px; } .page-template-homepage-php .onecolumn .sc-column { margin-right: 50px; } .ui-widget-content .sc-column { margin-right: 22px; } .onecolumn .ui-widget-content .sc-column { margin-right: 40px; } .sc-column.sc-column-last,.page-template-homepage-php .sc-column.sc-column-last,.onecolumn .ui-widget-content .sc-column-last { margin-right: 0; } .sc-column.one-full { width: 639px; } .sc-column.one-half,.sc-column.one-half-last { width: 311.5px; } .sc-column.one-third,.sc-column.one-third-last { width: 202.33333333333px; } .sc-column.two-third,.sc-column.two-third-last { width: 420.66666666667px; } .sc-column.one-fourth,.sc-column.one-fourth-last { width: 147.75px; } .sc-column.three-fourth,.sc-column.three-fourth-last { width: 475.25px; } .onecolumn .sc-column.one-full { width: 950px; } .onecolumn .sc-column.one-half,.onecolumn .sc-column.one-half-last { width: 465px; } .onecolumn .sc-column.one-third,.onecolumn .sc-column.one-third-last { width: 303.33333333333px; } .onecolumn .sc-column.two-third,.onecolumn .sc-column.two-third-last { width: 626.66666666667px; } .onecolumn .sc-column.one-fourth,.onecolumn .sc-column.one-fourth-last { width: 222.5px; } .onecolumn .sc-column.three-fourth,.onecolumn .sc-column.three-fourth-last { width: 707.5px; } .page-template-homepage-php .onecolumn .sc-column.one-full { width: 950px; } .page-template-homepage-php .onecolumn .sc-column.one-half,.page-template-homepage-php .onecolumn .sc-column.one-half-last { width: 450px; } .page-template-homepage-php .onecolumn .sc-column.one-third,.page-template-homepage-php .onecolumn .sc-column.one-third-last { width: 283.33333333333px; } .page-template-homepage-php .onecolumn .sc-column.two-third,.page-template-homepage-php .onecolumn .sc-column.two-third-last { width: 616.66666666667px; } .page-template-homepage-php .onecolumn .sc-column.one-fourth,.page-template-homepage-php .onecolumn .sc-column.one-fourth-last { width: 200px; } .page-template-homepage-php .onecolumn .sc-column.three-fourth,.page-template-homepage-php .onecolumn .sc-column.three-fourth-last { width: 700px; } .ui-widget-content:after { content: "."; display: block; height: 0; overflow: hidden; clear: both; visibility: hidden; } .ui-widget-content .sc-column.one-full { width: 639px; } .ui-widget-content .sc-column.one-half,.ui-widget-content .sc-column.one-half-last { width: 308.5px; } .ui-widget-content .sc-column.one-third,.ui-widget-content .sc-column.one-third-last { width: 198.33333333333px; } .ui-widget-content .sc-column.two-third,.ui-widget-content .sc-column.two-third-last { width: 418.66666666667px; } .ui-widget-content .sc-column.one-fourth,.ui-widget-content .sc-column.one-fourth-last { width: 143.25px; } .ui-widget-content .sc-column.three-fourth,.ui-widget-content .sc-column.three-fourth-last { width: 473.75px; } .onecolumn .ui-widget-content .sc-column.one-full { width: 905px; } .onecolumn .ui-widget-content .sc-column.one-half,.onecolumn .ui-widget-content .sc-column.one-half-last { width: 432.5px; } .onecolumn .ui-widget-content .sc-column.one-third,.onecolumn .ui-widget-content .sc-column.one-third-last { width: 275px; } .onecolumn .ui-widget-content .sc-column.two-third,.onecolumn .ui-widget-content .sc-column.two-third-last { width: 590px; } .onecolumn .ui-widget-content .sc-column.one-fourth,.onecolumn .ui-widget-content .sc-column.one-fourth-last { width: 196.25px; } .onecolumn .ui-widget-content .sc-column.three-fourth,.onecolumn .ui-widget-content .sc-column.three-fourth-last { width: 668.75px; } .entry-content .sc-column p { padding: 0; } /* COLUMN CALCULATIONS SUPPORT IN PORTFOLIO DESCRIPTION 2 */ .ait-portfolio.desc-right .pf-page { margin-right: 16px; } .onecolumn .ait-portfolio.desc-right .pf-page { margin-right: 20px; } .ait-portfolio.desc-right.pf-col1 .pf-page { width: 639px; } .ait-portfolio.desc-right.pf-col2 .pf-page { width: 311.5px; } .ait-portfolio.desc-right.pf-col3 .pf-page { width: 202.33333333333px; } .ait-portfolio.desc-right.pf-col4 .pf-page { width: 147.75px; } .onecolumn .ait-portfolio.desc-right.pf-col1 .pf-page { width: 950px; } .onecolumn .ait-portfolio.desc-right.pf-col2 .pf-page { width: 465px; } .onecolumn .ait-portfolio.desc-right.pf-col3 .pf-page { width: 303.33333333333px; } .onecolumn .ait-portfolio.desc-right.pf-col4 .pf-page { width: 222.5px; } .frame { background: #fcfcfc; -moz-box-shadow: 0 0 1px rgba(0,0,0,0.2); -webkit-box-shadow: 0 0 1px rgba(0,0,0,0.2); box-shadow: 0 0 1px rgba(0,0,0,0.2); clear: both; line-height: 16px; margin: 0 0 20px; font-size: 11px; } .frame-wrap { background: url('../img/noise.png') repeat; padding: 10px 10px 1px 10px; } .frame-inner { width: 100%; } .frame.light { color: #333333; } .frame.dark { color: #ffffff; } .frame .frame-close { background: #dddddd; border-bottom: 1px solid; border-top: 0 dotted #dddddd; cursor: pointer; font-weight: bold; padding: 9px 14px 8px 14px; text-align: right; } .frame .frame-close:hover { color: #333333; } .frame .frame-close .open { display: inline-block; padding-left: 14px; background: url('../img/frame-arrow.png') 0 4px no-repeat; } .frame .frame-close .close { display: inline-block; padding-left: 14px; background: url('../img/frame-arrow.png') 0 -10px no-repeat; } .entry-content .frame p { line-height: 16px; font-size: 11px; margin-bottom: 10px; } .frame.light p { text-shadow: 0 1px 0 rgba(255,255,255,0.4); } /*-----------------------------------------------------------------------------------*/ /* 19. TEXT STYLES /*-----------------------------------------------------------------------------------*/ .entry-content h1 { color: #222222; font-family: 'Oswald'; font-size: 24px; line-height: normal; margin: 29px 20px 20px; font-weight: bold; } .entry-content h2 { color: #222222; font-family: 'Oswald'; font-size: 22px; line-height: normal; margin: 0 20px 15px; font-weight: bold; padding-top: 5px; } .entry-content h3 { color: #222222; font-family: 'Oswald'; font-size: 18px; line-height: normal; margin: 0 20px 10px; font-weight: bold; } .entry-content h4 { color: #222222; font-family: 'Oswald'; font-size: 17px; line-height: normal; margin: 0 20px 10px; font-weight: normal; } .entry-content h5 { color: #222222; font-family: 'Oswald'; font-size: 14px; line-height: normal; margin: 0 20px 10px; font-weight: bold; } .entry-content h6 { color: #222222; font-family: 'Oswald'; font-size: 12px; line-height: 20px; margin: 0 20px 0; font-weight: bold; } .search .entry-content h2,.entry-content .sc-column h1,.entry-content .sc-column h2,.entry-content .sc-column h3,.entry-content .sc-column h4,.entry-content .sc-column h5,.entry-content .sc-column h6,.entry-content .content-container h1,.entry-content .content-container h2,.entry-content .content-container h3,.entry-content .content-container h4,.entry-content .content-container h5,.entry-content .content-container h6 { margin-right: 0; margin-left: 0; } .entry-content { padding: 0 0 20px; } .entry-content p { line-height: 20px; margin-bottom: 20px; } .entry-content .blog-desc p { margin-right: 20px; margin-left: 20px; } .entry-content ul { padding: 0 0 0 16px; line-height: 20px; margin-bottom: 20px; } .entry-content ul li { padding-bottom: 5px; } .entry-content ol { padding: 0 0 0 22px; line-height: 20px; margin-bottom: 20px; } .entry-content ol li { list-style-type: decimal; padding-bottom: 5px; } .entry-content .event ul { margin-bottom: 0; padding: 0; } .entry-content .event ul li { border-top: 1px solid; list-style: none; padding: 0; } .entry-content .event-container .holder p { margin-right: 136px; } .entry-content .event ul .descr .sc-button:last-child { margin-right: 0; } .entry-content .event span.event-more,.entry-content .event span.event-close { color: #0090ff; font-family: 'Oswald'; position: absolute; right: 40px; top: 26px; } .entry-content .event span.event-close { display: none; } .entry-content .event .active span.event-more { display: none; } .entry-content .event .active span.event-close { display: block; } ul.style1,ul.style2,ul.style3,ul.style4,ul.style5,ul.style6 { padding: 0 !important; } .frame-wrap ul.style1,.frame-wrap ul.style2,.frame-wrap ul.style3,.frame-wrap ul.style4,.frame-wrap ul.style5,.frame-wrap ul.style6 { margin-left: -6px; padding: 0 !important; } ul.style1 li,ul.style2 li,ul.style3 li,ul.style4 li,ul.style5 li,ul.style6 li { list-style-type: none; padding: 0 0 8px 28px; background-position: 0 0; background-repeat: no-repeat; } ul.style1 li { background-image: url('../img/ico-style1.png'); } li.style1 { background-image: url('../img/ico-style1.png') !important; } ul.style2 li { background-image: url('../img/ico-style2.png'); } li.style2 { background-image: url('../img/ico-style2.png') !important; } ul.style3 li { background-image: url('../img/ico-style3.png'); } li.style3 { background-image: url('../img/ico-style3.png') !important; } ul.style4 li { background-image: url('../img/ico-style4.png'); } li.style4 { background-image: url('../img/ico-style4.png') !important; } ul.style5 li { background-image: url('../img/ico-style5.png'); } li.style5 { background-image: url('../img/ico-style5.png') !important; } ul.style6 li { background-image: url('../img/ico-style6.png'); } li.style6 { background-image: url('../img/ico-style6.png') !important; } ul.line li { background-position: 0 8px; border-bottom: 1px solid #666666; padding-top: 8px; padding-bottom: 8px; } ul.line li:last-child { border-bottom: none; } .entry-content table { width: 100%; line-height: 20px; margin-bottom: 20px; } .entry-content table th { text-align: left; color: #222222; } .entry-content table thead th { font-weight: bold; line-height: 30px; } .entry-content table tbody th { font-weight: normal; border-top: 1px solid #cfcfcf; } table.style1 { background: #f5f5f5; border-collapse: separate; border-spacing: 2px; box-shadow: 0 0 1px rgba(0,0,0,0.4); -webkit-box-shadow: 0 0 1px rgba(0,0,0,0.4); line-height: 20px; margin-bottom: 20px; padding: 2px; width: 100%; } table.style1 th,table.style1 td { text-align: left; } table.style1 thead th { font-family: 'Oswald'; font-size: 12px; font-weight: normal; padding: 2px 6px; background: #73ac4b; color: #ffffff !important; text-shadow: 1px 1px 0 #4f7734; } table.style1 tbody th { font-weight: bold; padding: 2px 6px; background: url('../img/bck_00-10.png'); color: #222222; } table.style1 td { padding: 2px 6px; background: url('../img/bck_00-05.png'); } table th.center,table td.center { text-align: center; } .entry-content blockquote { background: url('../img/blockquote.png') 18px 14px no-repeat; border-left: 5px solid #73ac4b; box-shadow: 1px 0 1px rgba(0,0,0,0.2); -webkit-box-shadow: 1px 0 1px rgba(0,0,0,0.2); padding: 15px 15px 0 50px; margin-bottom: 20px; } .entry-content blockquote p { font-style: italic; } /*-----------------------------------------------------------------------------------*/ /* 20. CONTACT FORM /*-----------------------------------------------------------------------------------*/ .wpcf7 input,.wpcf7 textarea,.wpcf7 label,.wpcf7 .selectbox select { background: #e9e9e9; color: #2877ae; } .wpcf7 .selectbox .wpcf7-form-control-wrap { background: #cfcfcf; } div.wpcf7 { background-color: #fafafa; border: 1px solid #cfcfcf; padding: 20px 14px 0 !important; } #respond #commentform textarea { color: #777777; font-family: Arial; font-size: 13px; } #respond #submit,.wpcf7 .wpcf7-submit,.rating-details button { background: #2877ae !important; border: 1px solid #1d557c; color: #ffffff !important; padding: 5px 10px; text-shadow: 1px 1px 0 #1e5b85; } .wpcf7 .wpcf7-submit:hover,#respond #submit:hover,.rating-details button:hover { background-color: #1f5d89 !important; border: 1px solid #1a4c70; color: #ffffff !important; } .content > p { border-bottom: 1px dotted #cfcfcf; padding-bottom: 10px; padding-top: 5px; } .nocomments { margin-bottom: 20px; } /* REGISTER FORM */ .register-form div.wpcf7 { overflow: hidden; } .register-form .wpcf7 p { float: left; } .register-form .wpcf7 input,.register-form .wpcf7 textarea { margin-right: 20px; width: 275px; } .register-form .wpcf7 p:nth-child(2n) input { margin: 0; } .register-form p.register-button { float: right; margin-bottom: 0; } .register-form p.register-button input { margin: 0; width: 100px; padding: 5px 0; } .register-form div.wpcf7-validation-errors { clear: both; } .register-form .wpcf7 span.wpcf7-not-valid-tip,.register-form .wpcf7 span.wpcf7-not-valid-tip-no-ajax { width: 280px; } .register-form .wpcf7 div.wpcf7-mail-sent-ok { width: 280px; } /* REGISTER ITEM WIDGET */ #ait-dir-login-tab { display: none; } aside.widget_directory { background: #f2f2f2; border: 1px solid #eaeaea; border-width: 1px 0 1px 0; margin: -20px -25px 20px; padding: 20px 25px 30px; } aside.widget_directory h3.widget-title span { background: #f2f2f2; } #ait-login-tabs ul { border-bottom: 1px solid #dedede; margin-bottom: 20px; } #ait-login-tabs li { background: #eaeaea; border: 1px solid #dedede; border-width: 1px 1px 0 1px; display: inline-block; text-align: center; width: 48%; } #ait-login-tabs li.active,#ait-login-tabs li:hover { background: #ffffff; border: 1px solid #dedede; border-width: 1px 1px 0 1px; cursor: pointer; } #ait-login-tabs li a { color: #222222; display: block; padding: 5px 0; text-shadow: 0 1px 0 #ffffff; } #ait-login-tabs form label { color: #222222; display: block; font-weight: bold; width: 70px; } #ait-login-tabs form input { border: 1px solid #dedede; margin-bottom: 15px; padding: 3%; width: 94%; } #ait-login-tabs .login-remember label { display: inline; } #ait-login-tabs form input#rememberme { width: auto; } #ait-login-tabs form .login-remember { float: left; } #ait-login-tabs form .login-submit { text-align: right; } #ait-login-tabs form input#wp-submit,#ait-dir-register-tab input.user-submit,#ait-dir-register-shortcode input.user-submit,.widget_directory .logged a { background: #73ac4b; background: -moz-linear-gradient(#73ac4b,#6ca146); background: -o-linear-gradient(#73ac4b,#6ca146); background: -webkit-gradient(linear,0% 0%,0% 100%,from(#73ac4b),to(#6ca146)); background: -webkit-linear-gradient(#73ac4b,#6ca146); border: 1px solid #5b883c; box-shadow: 0 1px 0 #88bc64 inset,0 1px 0 #46692e; color: #ffffff; display: inline-block; font-family: 'Oswald'; font-size: 13px; margin: 0; padding: 2px 8px; text-align: center; text-shadow: 1px 1px 0 #527a35; text-decoration: none; text-transform: uppercase; width: auto; } .widget_directory .logged a { background: #f21a1a; background: -moz-linear-gradient(#76b14e,#5b883c); background: -o-linear-gradient(#76b14e,#5b883c); background: -webkit-gradient(linear,0% 0%,0% 100%,from(#76b14e),to(#5b883c)); background: -webkit-linear-gradient(#76b14e,#5b883c); border: 1px solid #5b883c; box-shadow: 0 1px 0 #8cbe69 inset,0 1px 0 #356018; text-shadow: 1px 1px 0 #3c671d; font-size: 10px; margin-top: 3px; margin-right: 7px; padding: 0 3px; width: 50px; } .widget_directory .logged a.widgetlogin-button-logout { background: #f21a1a; background: -moz-linear-gradient(#f21a1a,#cb1111); background: -o-linear-gradient(#f21a1a,#cb1111); background: -webkit-gradient(linear,0% 0%,0% 100%,from(#f21a1a),to(#cb1111)); background: -webkit-linear-gradient(#f21a1a,#cb1111); border: 1px solid #cb1111; box-shadow: 0 1px 0 #ff6363 inset,0 1px 0 #9d1b1b; text-shadow: 1px 1px 0 #a21b1b; font-size: 10px; margin-top: 3px; margin-right: 7px; padding: 0 3px; width: 50px; } #ait-login-tabs form input:hover#wp-submit,#ait-dir-register-tab input:hover.user-submit,#ait-dir-register-shortcode input:hover.user-submit,.widget_directory .logged a:hover { background: #6ca146; background: -moz-linear-gradient(#73ac4b,#60903f); background: -o-linear-gradient(#73ac4b,#60903f); background: -webkit-gradient(linear,0% 0%,0% 100%,from(#73ac4b),to(#60903f)); background: -webkit-linear-gradient(#73ac4b,#60903f); border: 1px solid #5b883c; box-shadow: 0 1px 0 #96c376 inset,0 1px 0 #3a5726; cursor: pointer; } .widget_directory .logged a:hover { background: #659d3f; background: -moz-linear-gradient(#659d3f,#4e7e2c); background: -o-linear-gradient(#659d3f,#4e7e2c); background: -webkit-gradient(linear,0% 0%,0% 100%,from(#659d3f),to(#4e7e2c)); background: -webkit-linear-gradient(#659d3f,#4e7e2c); border: 1px solid #4e7e2c; box-shadow: 0 1px 0 #7db357 inset,0 1px 0 #2d451c; text-shadow: 1px 1px 0 #335c17; font-size: 10px; margin-top: 3px; padding: 0 3px; width: 50px; } .widget_directory .logged a.widgetlogin-button-logout:hover { background: #cb1111; background: -moz-linear-gradient(#cb1111,#b30808); background: -o-linear-gradient(#cb1111,#b30808); background: -webkit-gradient(linear,0% 0%,0% 100%,from(#cb1111),to(#b30808)); background: -webkit-linear-gradient(#cb1111,#b30808); border: 1px solid #b30808; box-shadow: 0 1px 0 #ff6363 inset,0 1px 0 #9d1b1b; text-shadow: 1px 1px 0 #a21b1b; font-size: 10px; margin-top: 3px; padding: 0 3px; width: 50px; } .wp-user-form .register-role select { line-height: 30px; margin-bottom: 15px; margin-left: 9px; padding: 8px 5px; width: 504px; } #ait-dir-register-shortcode .wp-user-form .register-role select { width: 100%; margin-left: 0; } .widget_directory .register-role select { margin-left: 0; width: 260px; } .wp-user-form .login-fields { text-align: right; } /* After Rergistration */ .profile-info .profile-avatar { display: inline-block; float: left; margin: 0 20px 0 0; } .profile-info .profile-avatar img { width: 60px; height: 60px; } .profile-info .profile-name,.profile-info .profile-role { display: block; } .profile-info .profile-name span,.profile-info .profile-role span { color: #222222; display: inline-block; font-weight: bold; width: 70px; } .profile-info .profile-role { margin-bottom: 40px; } /* ShortCode Submission Form */ #ait-dir-register-shortcode { background: #f2f2f2; border: 1px solid #eaeaea; margin-bottom: 30px; padding: 30px 30px 10px; } #ait-dir-register-shortcode .register-username,#ait-dir-register-shortcode .register-email { display: inline-block; } #ait-dir-register-shortcode .register-username { margin-right: 33px; } #ait-dir-register-shortcode label { color: #222222; display: inline-block !important; font-weight: bold; padding-right: 10px; } #ait-dir-register-shortcode input { border: 1px solid #dedede; margin-bottom: 15px; padding: 7px 5px; width: 198px; } #ait-dir-register-shortcode input.user-submit { margin-bottom: 10px; } /*-----------------------------------------------------------------------------------*/ /* 21. PORTFOLIO /*-----------------------------------------------------------------------------------*/ .ait-portfolio { margin-right: -36px; padding-top: 10px; padding-bottom: 5px; } .ait-portfolio:after { content: "."; display: block; height: 0; overflow: hidden; clear: both; visibility: hidden; } .ait-portfolio .pf-page { float: left; margin-bottom: 30px; padding-top: 0; margin-right: 44px; } .onecolumn .ait-portfolio { margin-right: -44px; } .ait-portfolio .image:after { content: "."; display: block; height: 0; overflow: hidden; clear: both; visibility: hidden; } .ait-portfolio a.zoom { border: 2px solid #ffffff; -moz-box-shadow: 0 0 1px rgba(0,0,0,0.1); -webkit-box-shadow: 0 0 1px rgba(0,0,0,0.1); box-shadow: 0 0 1px rgba(0,0,0,0.1); } .ait-portfolio a.zoom:hover { border: 2px solid #ffffff; -moz-box-shadow: 0 0 1px rgba(0,0,0,0.1); -webkit-box-shadow: 0 0 1px rgba(0,0,0,0.1); box-shadow: 0 0 1px rgba(0,0,0,0.1); } .ait-portfolio a.zoom img { vertical-align: top; } .ait-portfolio .zoom-description { display: inline-block; width: 90%; min-height: 40px; padding-bottom: 10px; font-size: 12px; line-height: 18px; font-weight: bold; color: #ffffff; vertical-align: bottom; } .ait-portfolio .pf-clear { clear: both; line-height: 0; font-size: 0; } .ait-portfolio h3 { font-size: 14px; padding: 10px 2px 4px 2px; margin: 0; } .ait-portfolio .portfolio-item-description { padding: 0 2px 4px 2px; color: #666666; font-size: 11px; line-height: 16px; } .ait-portfolio.desc-right .image { width: auto !important; } .ait-portfolio.desc-right a { float: left; } .ait-portfolio.desc-right h3 { padding-left: 10px; } .ait-portfolio.desc-right .portfolio-item-description { padding-left: 10px; } .ait-portfolio.desc-right.pf-col1 h3 { font-size: 16px; padding-bottom: 10px; padding-left: 20px; padding-right: 10px; } .ait-portfolio.desc-right.pf-col1 .portfolio-item-description { font-size: 12px; line-height: 20px; padding-left: 20px; padding-right: 10px; } .onecolumn .ait-portfolio.desc-right.pf-col1 h3 { font-size: 16px; padding-bottom: 10px; } .onecolumn .ait-portfolio.desc-right.pf-col1 .portfolio-item-description { font-size: 12px; line-height: 20px; } /*-----------------------------------------------------------------------------------*/ /* 22. GALLERY /*-----------------------------------------------------------------------------------*/ .gallery { background-color: #e9e9e9; border: 1px solid #cfcfcf; margin-bottom: 20px !important; padding-top: 10px; padding-left: 10px; } .gallery:after { content: "."; display: block; height: 0; overflow: hidden; clear: both; visibility: hidden; } .gallery br { display: block; float: left; width: 1px; height: 1px; line-height: 0; font-size: 0; } .gallery dl { margin-top: 0 !important; margin-bottom: 10px; padding-right: 10px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } .gallery dt { border: 3px solid #ffffff; -moz-border-radius: 1px; border-radius: 1px; -webkit-border-radius: 1px; -moz-box-shadow: 0 0 3px rgba(0,0,0,0.2); -webkit-box-shadow: 0 0 3px rgba(0,0,0,0.2); box-shadow: 0 0 3px rgba(0,0,0,0.2); } .gallery img { width: 100%; height: auto; vertical-align: top; border: none !important; } .gallery .zoomOverlay { background-image: url('../img/zoom_gal.png'); } .gallery .zoom-description { display: none; } .gallery .gallery-caption { padding: 5px 5px 0; font-family: 'Oswald'; font-size: 11px; } /*-----------------------------------------------------------------------------------*/ /* 23. SHORTCODES /*-----------------------------------------------------------------------------------*/ .clearing { clear: both; line-height: 0; font-size: 0; height: 0; background: #ff0000; } .rule { background: #ffffff; border-bottom: 1px solid #e6e6e6; display: inline-block; height: 1px; margin: 0 0 20px 0; padding-top: 0; text-align: right; width: 100%; } .rule span { color: #ffffff; background: #333333; cursor: pointer; display: block; float: right; font-size: 9px; font-weight: bold; margin-top: -6px; margin-right: 15px; padding: 1px 7px 3px 7px; position: relative; text-transform: lowercase; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; } .sc-box-title { color: #777777; padding-right: 10px; padding-left: 10px; padding-top: 10px; background: #eeefef; border-bottom: 1px solid #ffffff; -moz-box-shadow: 0 2px 0 0 rgba(255,255,255,1); -box-shadow: 0 2px 0 0 rgba(255,255,255,1); -webkit-box-shadow: 0 2px 0 0 rgba(255,255,255,1); } .frame .sc-box-title { margin-right: -10px; margin-left: -10px; margin-top: -10px; margin-bottom: 10px; } .frame .sc-box-title p { color: #000000; text-shadow: none; } .sc-box-title .wrap { display: block; padding-bottom: 10px; } .sc-box-title .wrap:after { content: "."; display: block; height: 0; overflow: hidden; clear: both; visibility: hidden; } .sc-box-title h1,.sc-box-title h2,.sc-box-title h3,.sc-box-title h4,.sc-box-title h5,.sc-box-title h6 { color: #777777; margin: 0 !important; padding: 2px 0 0 0 !important; } .sc-box-title p { margin: 0 !important; padding: 2px 0 0 0 !important; line-height: 16px; } .sc-box-title strong { color: #777777; } .sc-button { background: #0090ff; border: 1px solid #0087f0; box-shadow: 0 1px 0 rgba(125,125,125,0.2) inset; color: #ffffff; display: inline-block; padding-bottom: 1px; text-decoration: none !important; text-align: center; } .sc-button:hover { color: #ffffff; text-decoration: none !important; } .sc-button span.border { display: block; padding-top: 3px; padding-bottom: 3px; margin: 0 1px; } .event-container .sc-button span.border { padding-top: 1px; padding-bottom: 1px; } .sc-button:hover span.border { background: url('../img/button_ovr.png') bottom center no-repeat; } .sc-button span span { display: block; } .sc-button span.wrap { padding: 0 10px; } .event-container .sc-button span.wrap { padding: 0 10px; } .sc-button span.title { font-family: 'Oswald'; float: none; font-size: 12px; line-height: 20px; font-weight: bold; } .event-container .sc-button span.title { font-size: 12px; } .sc-button span.description { color: #ffffff; font-size: 11px; line-height: 14px; } .sc-button.light .description { color: #000000; } .sc-button.light:hover .description { color: #000000; } .sc-column .sc-button { margin-bottom: 0; } .sc-button span { text-shadow: 0 1px 0 rgba(0,0,0,0.4); } .sc-button.light span { text-shadow: 0 1px 0 rgba(255,255,255,0.4); } .sc-button.alignleft { margin-right: 10px; } /* LATEST POSTS */ .entry-content .latest-posts p { padding: 0; } .latest-posts:after { content: "."; display: block; height: 0; overflow: hidden; clear: both; visibility: hidden; } .sc-page { display: block; margin-bottom: 0; margin-right: 0; vertical-align: top; } .sc-page:after { content: "."; display: block; height: 0; overflow: hidden; clear: both; visibility: hidden; } .sc-page .text { padding-left: 120px; } .sc-page h3 { font-size: 16px !important; font-weight: normal !important; margin: 0 0 6px 0; padding-top: 5px; } .sc-page h3 a,.sc-page h3 a:hover { color: #222222; text-decoration: none; } .sc-page .image img { border: 2px solid #ffffff; display: block; height: 100px; width: 100px; padding: 1px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } .sc-page .image a { display: block; } .sc-page .image { float: left; margin: 0 0 20px 0; } .sc-page .item { margin: 0; width: 100%; } .sc-page .rule { display: none; } .sc-page p { font-size: 11px; line-height: 16px; } /* LATEST FOR HOMEPAGE */ .page-template-homepage-php .sc-page { display: inline-block; margin-right: 50px; width: 300px; } .page-template-homepage-php .sc-page:nth-child(3n) { margin-right: 0; } .page-template-homepage-php .sc-page .image,.page-template-homepage-php .sc-page p { margin-bottom: 50px; } .sc-video { display: block; margin-bottom: 20px; } .sidebar .sc-video { margin-bottom: 0; } .sc-video iframe { vertical-align: top; } .sc-video.border { border: 2px solid #ffffff; } .sc-video.border .wrap { display: block; width: 100%; } .sc-map { display: block; margin-bottom: 20px; } .sc-map iframe { vertical-align: top; } .sc-map.border { background-color: #f5f5f5; border: 1px solid #cfcfcf; padding: 10px; } .sc-map.border .wrap { display: block; border: 2px solid #ffffff; -moz-box-shadow: 0 0 1px rgba(0,0,0,0.2); -webkit-box-shadow: 0 0 1px rgba(0,0,0,0.2); box-shadow: 0 0 1px rgba(0,0,0,0.2); } .sc-fb-comments { display: block; margin-bottom: 20px; } .sc-fb-comments iframe { vertical-align: top; } .sc-fb-comments.border { border: 2px solid #ffffff; -moz-box-shadow: 0 0 1px rgba(0,0,0,0.2); -webkit-box-shadow: 0 0 1px rgba(0,0,0,0.2); box-shadow: 0 0 1px rgba(0,0,0,0.2); } .sc-fb-comments.border .wrap { display: block; width: 100%; border: 0 solid #ffffff; background: #ffffff; } .sc-fb-comments iframe.fb_ltr { border: 1px solid #aaaaaa !important; } .sc-twitter { display: block; margin-bottom: 20px; } .sc-twitter iframe { vertical-align: top; } .sc-twitter.border { border: 2px solid #ffffff; -moz-box-shadow: 0 0 1px rgba(0,0,0,0.2); -webkit-box-shadow: 0 0 1px rgba(0,0,0,0.2); box-shadow: 0 0 1px rgba(0,0,0,0.2); } .sc-twitter.border .wrap { display: block; background: #6ad1f0; border: 1px solid #aaaaaa !important; } .sc-twitter p { text-shadow: none; } /* TABS SHORTCODE SETTINGS */ .ait-tabs { margin: 0 0 20px; } .ait-tabs > ul { clear: both; margin: 0; padding: 0; } .ait-tabs .ui-tabs-nav { height: auto; margin: 0; background: #2877ae; border-bottom: 1px solid #cfcfcf; } .ait-tabs > ul li.ui-state-default { float: left; background: #000000; border: none; margin: 0 1px 0 0; line-height: 26px; cursor: pointer; padding: 2px 0 1px 0; } .ait-tabs > ul li.ui-state-default a { font-family: 'OswaldRegular'; color: #ffffff; font-size: 12px; padding: 0 15px; display: block; text-decoration: none; } .ait-tabs > ul li.ui-state-active { background: #2877ae; } .ait-tabs .ui-tabs-panel { clear: both; display: block; padding: 20px 20px 0; border-bottom: 1px solid #cfcfcf; } .ait-tabs .ui-tabs-panel.ui-tabs-hide { display: none; } .ait-tabs > ul:after,.ait-tabs > ul:before { content: ""; display: table; } .ait-tabs > ul:after { clear: both; } .ait-tabs .sc-column { padding: 0; } .ait-tabs .gallery { padding: 0; } .ui-widget-content,.ui-widget-header,.ui-state-active,.ui-widget-content .ui-state-active,.ui-widget-header .ui-state-active,.ui-state-hover,.ui-widget-content .ui-state-hover,.ui-widget-header .ui-state-hover,.ui-state-focus,.ui-widget-content .ui-state-focus,.ui-widget-header .ui-state-focus,.ui-state-default,.ui-widget-content .ui-state-default,.ui-widget-header .ui-state-default { border: none !important; } .ui-corner-all,.ui-corner-bottom,.ui-corner-right,.ui-corner-br,.ui-corner-left,.ui-corner-bl,.ui-corner-tr,.ui-corner-tl,.ui-corner-top { border-radius: 0 !important; } .ui-icon { display: none !important; } .ui-widget,.ui-helper-reset { font-family: arial,sans-serif !important; font-size: 13px !important; line-height: 20px !important; } /* ACCORDIONS SHORTCODE SETTINGS */ .sc-accordion { margin: 0 0 20px; } .sc-accordion .ac-title { height: 30px; line-height: 28px; margin: 0; position: relative; cursor: pointer; padding: 5px 0 0 35px; margin: 0 0 5px; background: #f5f5f5; border-bottom: 1px solid #e9e9e9; } .sc-accordion .ui-state-active.ac-title { margin: 0; } .ui-accordion-content-active { margin: 0 0 5px; border-bottom: 1px solid #cfcfcf; } .sc-accordion .ac-title:after { content: " "; display: block; width: 16px; height: 16px; position: absolute; top: 10px; left: 10px; background: url('../img/ac-arrows.png') scroll 0 bottom no-repeat transparent; } .sc-accordion .ui-state-active.ac-title:after { background-position: 0 0; } .sc-accordion .ac-title a { padding: 0; font-family: 'OswaldRegular'; color: #2877ae; font-size: 12px; text-decoration: none; } .sc-accordion .ui-accordion-content { clear: both; background: #ffffff; border-top: none; padding-top: 20px; } .ui-accordion .ui-accordion-content.ui-widget-content:nth-of-type(2),.ui-accordion .ui-accordion-content.ui-widget-content:last-child { padding-bottom: 20px; } .sc-accordion .sc-column { padding: 0; } .sc-accordion .gallery { padding: 0; } /* SITEMAP SHORTCODE */ .sc-sitemap ul { margin: 0; list-style-type: none; padding: 0; } .sc-sitemap > ul { margin-bottom: 15px; } .sc-sitemap ul li { list-style-type: none; } .sc-sitemap ul li a { display: block; padding: 5px 10px; border-bottom: 1px dotted #d7d7d7; text-decoration: none; position: relative; } .sc-sitemap > ul > li > a { font-weight: bold; color: #222222; } .sc-sitemap > ul > li > a:after { content: ""; display: block; width: 16px; height: 16px; background: url("../img/sitemap-icon.jpg") no-repeat center center; position: absolute; top: 7px; right: 7px; } .sc-sitemap ul.children li { padding: 1px 0 0 0; } .sc-sitemap ul.children li a { background: #fcfcfc; } .sc-sitemap ul.children li li a { color: #777777; } .sc-sitemap ul.children li ul.children li { list-style-type: disc; margin-left: 30px; } .sc-sitemap ul.children > li > ul > li > a { padding-left: 10px; } .sc-sitemap ul.children > li > ul > li > ul > li a { padding-left: 60px; } .sc-sitemap ul.children > li > ul > li > ul > li > ul > li a { padding-left: 90px; } .sitemap-posts > ul { margin-bottom: 20px; } .sitemap-posts ul li { display: block; padding: 5px 10px 5px 30px; border-bottom: 1px dotted #d7d7d7; position: relative; margin-bottom: 1px; } .sitemap-posts ul li a { display: inline; background: none; padding: 0; position: static; } .sitemap-posts > ul > li > a:after { display: none; } .sitemap-posts ul li:after { content: ""; display: block; width: 16px; height: 16px; background: url("../img/sitemap-icon.jpg") no-repeat center center; position: absolute; top: 7px; left: 7px; } .sitemap-posts ul ul { margin-left: 15px; } /* NOTIFICATION SHORTCODE */ .sc-notification { border: 1px solid #666666; display: block; margin-bottom: 15px; overflow: hidden; padding: 9px 0 4px 0; position: relative; z-index: 1; } .sc-notification a.close { background: url('../img/ico_close_off.png') top left no-repeat; display: block; font-size: 0%; height: 11px; position: absolute; right: 3px; text-indent: -9999px; top: 3px; width: 11px; } .sc-notification a.close:hover { background: url('../img/ico_close_ovr.png') top left no-repeat; } .sc-notification p { line-height: 16px; padding: 0 25px 5px 42px !important; margin: 0; } .note-error { background: url('../img/notification-error.png') 10px 10px no-repeat #dd0000; border-color: #c60000; } .note-success { background: url('../img/notification-success.png') 10px 10px no-repeat #24c000; border-color: #20a900; } .note-info { background: url('../img/notification-info.png') 10px 12px no-repeat #0066cc; border-color: #0066cc; } .note-attention { background: url('../img/notification-attention.png') 10px 10px no-repeat #ffcc00; border-color: #d3c200; } .note-success p,.note-attention p,.note-success strong,.note-attention strong { color: #222222; text-shadow: 1px 1px 0 rgba(255,255,255,0.4); } .note-error p,.note-error strong,.note-info p,.note-info strong { color: #ffffff; text-shadow: 1px 1px 0 rgba(0,0,0,0.4); } .sc-modal-content { margin: 0 !important; padding: 10px; } .sc-modal-content h1,.sc-modal-content h2,.sc-modal-content h3,.sc-modal-content h4,.sc-modal-content h5,.sc-modal-content h6 { padding-top: 10px; margin-left: 0; margin-right: 0; } .sc-image-wrap { display: inline-block; background: url('files/images/bck_FF-80.png'); border: 1px solid #ffffff; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; -moz-box-shadow: 0 2px 3px rgba(0,0,0,0.2); -webkit-box-shadow: 0 2px 3px rgba(0,0,0,0.2); box-shadow: 0 2px 3px rgba(0,0,0,0.2); padding: 7px; } .sc-image-wrap a { vertical-align: top; } .sc-image-wrap img { vertical-align: top; } .sc-image-wrap img.thumb { padding: 0; border-width: 0; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; background: none; } #lang_sel a,#lang_sel a:visited { background: none repeat scroll 0 0; -moz-box-shadow: 0 0 3px rgba(0,0,0,0.2); -webkit-box-shadow: 0 0 3px rgba(0,0,0,0.2); box-shadow: 0 0 3px rgba(0,0,0,0.2); margin-bottom: 16px; width: 262px; -moz-border-radius: 5px; border-radius: 5px; -webkit-border-radius: 5px; } /*-----------------------------------------------------------------------------------*/ /* 24. GRID PORTFOLIO SETTINGS /*-----------------------------------------------------------------------------------*/ body.ait-grid-portfolio #content-holder { border: 3px solid #ffffff; border-bottom: none; background: url('../img/background-ender.jpg') #ffffff repeat-x center bottom; } .tile { background: #ffffff; margin: 0 0 10px 10px; cursor: pointer; text-align: center; position: relative; border: 1px solid #cccccc; padding: 1px; } .tile:hover { box-shadow: none; } .tile .tileImage { position: absolute; left: 0; top: 0; background: #ffffff; display: none; width: auto; height: auto; border: 1px solid #cccccc; padding: 1px; } .gridgallery-icon { display: block; height: 100%; left: 0; position: absolute; top: 0; width: 100%; } .gridgallery img { display: block; max-width: 100%; } .itemType-image:hover .gridgallery-icon { background-image: url('../img/zoom.png'); background-repeat: no-repeat; background-position: center; } .itemType-video:hover .gridgallery-icon { background-image: url('../img/zoom_video.png'); background-repeat: no-repeat; background-position: center; } .itemType-website:hover .gridgallery-icon { background-image: url('../img/zoom_website.png'); background-repeat: no-repeat; background-position: center; } .goRight .tileImage { position: absolute; margin-left: 300px; left: 0; top: 0; background: #ffffff; } .corner .tileImage { position: absolute; left: 0; top: 0; background: #ffffff; } .endLine .tileImage { position: absolute; bottom: 0; left: 0; top: 0; background: #ffffff; } .five .goRight .tileImage { left: -480px; top: 0; } .four .goRight .tileImage { left: -525px; top: 0; } .three .goRight .tileImage { left: -600px; top: 0; } .five .endLine .tileImage { left: 0; top: -199px; } .four .endLine .tileImage { left: 0; top: -199px; } .three .endLine .tileImage { left: 0; top: -199px; } .corner .tile .tileImage { left: auto; top: auto; right: 0; bottom: 0; } .three .tile { width: 297px; height: 196px; } .four .tile { width: 222px; height: 196px; } .five .tile { width: 177px; height: 196px; } .about { color: #333333; background: #e8e8e8; position: absolute; bottom: 20px; right: 20px; padding: 5px 15px; border: 1px solid #ffffff; } .about .about-title { font-family: 'Oswald',Arial,sans-serif; color: #333333; display: block; font-size: 18px; font-weight: bold; margin: 5px 0 0 0; } .about .about-category { color: #777777; margin: 0 0 5px; } h3.tile-desc-title { font-size: 13px !important; font-weight: normal !important; line-height: 18px; text-align: center; } .entry-content p.tile-desc-cont { font-size: 11px; line-height: 16px; } body.ait-grid-portfolio .home#container { display: none; } .grid-detail { position: relative; } .grid-detail .edit-link { float: none; position: absolute; right: 0; top: 0; } /** GALLERY ITEM DETAIL */ #content-side { background: url("") repeat; height: auto; padding: 0; position: relative; width: 210px; } #content-side h1 { border-bottom: 1px solid #000000; color: #ffffff; font-family: 'Oswald'; font-size: 18px; font-weight: bold; line-height: 30px; margin: 0 0 0 0; padding: 0 0 0 15px; text-transform: uppercase; } #content-side .entry-content p { color: #2877ae; text-shadow: 0 1px 0 rgba(255,255,255,0.4); padding: 14px 14px 0; } #content-side .entry-content p:last-child { margin-bottom: 0; } #content-side .edit-link { position: absolute; right: 10px; top: 8px; } #content-side .post-footer { padding-bottom: 0; } article .entry-thumbnail { background: #e6f1f9; border: 1px solid #cfcfcf; margin-bottom: 20px; padding: 4px; position: relative; } .blog article .entry-thumbnail { position: relative; } .entry-thumbnail img { display: block; } /* PORTFOLIO GRID CATEGORY SLIDER */ .galery-holder { background: url("") repeat; height: 54px; padding: 15px 0; position: relative; } .galery-holder:after { content: ""; border-color: #2877ae transparent transparent transparent; border-style: solid; border-width: 6px 10px 0; position: absolute; top: -1px; left: 95px; height: 0; width: 0; } .galery-holder:before { content: ""; border-color: #959595 transparent transparent transparent; border-style: solid; border-width: 6px 10px 0; position: absolute; top: 0; left: 95px; height: 0; width: 0; } .gallery-portfolio .name .left,.gallery-portfolio .name .right { border-style: solid; cursor: pointer; height: 0; overflow: hidden; position: absolute; text-indent: -999px; top: 10px; width: 0; } .gallery-portfolio .name .left { left: 15px; border-color: transparent #777777 transparent transparent; border-width: 6px 6px 6px 0; } .gallery-portfolio .name .right { right: 15px; border-color: transparent transparent transparent #777777; border-width: 6px 0 6px 6px; } .gallery-portfolio .name .left:hover { border-color: transparent #5e5e5e transparent transparent; } .gallery-portfolio .name .right:hover { border-color: transparent transparent transparent #5e5e5e; } .galery-holder .galery-slider { margin: 0; padding: 0; white-space: nowrap; } .gallery-portfolio-wrapper { height: 115px; margin-bottom: 40px; position: relative; } .gallery-portfolio { clear: both; position: absolute; top: 0; width: 210px; } .gallery-portfolio .dropdown { width: 150px; margin: auto; height: 30px; position: relative; } .gallery-portfolio .dropdown:after { content: ""; display: block; width: 20px; height: 6px; position: absolute; top: 30px; left: 65px; cursor: pointer; background: url('../img/empty.png'); } .gallery-portfolio .single:after,.gallery-portfolio .single:before { border-width: 0; } .gallery-portfolio div.name { background: #2877ae; height: 30px; margin: 0 0 1px; position: relative; text-align: center; width: auto; z-index: 10; } .gallery-portfolio .name .category-curr { color: #777777; font-family: 'Oswald'; font-weight: bold; display: block; height: 20px; line-height: 20px; overflow: hidden; padding: 0; position: relative; text-align: center; text-transform: uppercase; top: 5px; width: 150px; margin: auto; } .gallery-portfolio .name .category-list,.gallery-portfolio .name .single .category-curr:after,.gallery-portfolio .name .dropdown.single:hover .category-list { display: none; } .gallery-portfolio .name .dropdown .category-list { background: #333333; cursor: pointer; display: none; width: 210px; left: -30px; position: absolute; top: 30px; z-index: 2; } .gallery-portfolio .name .dropdown:hover .category-list { display: block; } .gallery-portfolio .name .dropdown .category-list a { border-bottom: 1px solid #2c2c2c; color: #ffffff; clear: both; display: block; padding: 5px 12px; text-decoration: none; text-shadow: 0 1px 0 rgba(0,0,0,0.5); } .gallery-portfolio .name .dropdown .category-list a:last-child { border-bottom: 0; } .gallery-portfolio .name .dropdown .category-list a:hover { background: #666666; } .gallery-portfolio .galery-wrap { height: 54px; margin: auto; overflow: hidden; position: relative; width: 180px; } .gallery-portfolio ul { height: 54px; list-style: none; left: 0; margin: 0 0 20px; overflow: hidden; position: absolute; top: 0; } .gallery-portfolio ul li { display: inline-block; margin: 0 9px 0 0; } .gallery-portfolio ul li:last-child { margin-right: 0; } .gallery-portfolio ul li a:hover { background: none; } .gallery-portfolio ul li a img { border: 1px solid #ffffff; width: 52px; } .portfolio { position: relative; } .portfolio .port-cat { background: #2877ae; border: 1px solid #236999; box-shadow: 0 1px 0 #2d85c3 inset; width: auto; z-index: 500; } .portfolio .port-cat.icon { background: url('../img/port-cat-icon.png') scroll center center no-repeat #f8f8f9; display: none !important; width: 9px; float: right; margin-top: -32px; padding: 0 10px; } .portfolio .port-cat li { float: left; margin: 0 0 0 15px; line-height: 30px; text-transform: uppercase; cursor: pointer; font-weight: bold; } .portfolio .port-cat li.active a { color: #73ac4b; } .portfolio .port-cat li a { text-decoration: none; color: #ffffff; text-shadow: 0 1px 0 rgba(0,0,0,0.4); } .portfolio .port-cat li a:hover { color: #73ac4b; } .portfolio ul { margin: 0; } .portfolio ul,.portfolio ul li { list-style: none; padding: 0; } .ulHolder { background: #ffffff; height: auto; width: auto; } .gridgallery { margin-bottom: 0; } .gridgallery .ulHolder { margin-top: 10px; } .gridgallery .ulHolder .ourHolder { height: 300px; } /*-----------------------------------------------------------------------------------*/ /* 25. FANCYBOX /*-----------------------------------------------------------------------------------*/ #fancybox-outer { background: #ffffff url("") !important; } #fancybox-content { border: 0 solid #222222 !important; padding: 10px !important; } #cboxMiddleRight,#cboxMiddleLeft,#cboxTopLeft,#cboxTopCenter,#cboxTopRight,#cboxBottomRight,#cboxBottomCenter,#cboxBottomLeft { display: none !important; } #cboxLoadedContent { margin-bottom: 0 !important; } #colorbox { box-shadow: 0 0 15px 2px rgba(0,0,0,0.6); padding: 0 !important; } /*-----------------------------------------------------------------------------------*/ /* 26. REGISTER COMPANY /*-----------------------------------------------------------------------------------*/ .alternative-content { margin-bottom: 20px; } .register-company { background: #73ac4b url('../img/register-company-pattern.png') repeat; border: 1px solid #5b883c; border-width: 1px 1px 1px 3px; box-shadow: 0 0 0 1px rgba(255,255,255,0.1) inset; color: #ffffff; padding: 17px 20px 17px 70px; position: relative; text-shadow: 1px 1px 0 rgba(0,0,0,0.2); } .register-company:hover { background: #679a43 url('../img/register-company-pattern.png') repeat; border: 1px solid #4f7734; border-width: 1px 1px 1px 3px; box-shadow: 0 0 0 rgba(255,255,255,0.5) inset; } .register-company:before { background: url('../img/register-company.png') no-repeat; content: ""; display: block; position: absolute; left: 20px; height: 27px; top: 35px; width: 26px; } #main .alternative-content .register-company h3 { font-weight: normal; line-height: 24px; letter-spacing: -0.02em; margin-bottom: 5px; text-transform: uppercase; } .register-company span { background: #ff0000; border: 1px solid #c91414; box-shadow: 0 1px 0 #f86969 inset; display: inline-block; font-size: 8px; line-height: 12px; letter-spacing: 0.1em; margin: -3px 0 0 3px; padding: 0 4px; vertical-align: top; } .rev_slider iframe { width: 560px !important; } /*-----------------------------------------------------------------------------------*/ /* 27. EASY ADMIN /*-----------------------------------------------------------------------------------*/ .wp-admin #tagLineHolder { display: none; } .wp-admin #branding { background: #222222 url('../img/header-bg_pattern.png') repeat; border-top: 1px solid #090909; border-bottom: 1px solid #090909; border-top: 1px solid #151515; box-shadow: 0 1px 0 rgba(255,255,255,0.1) inset,0 -33px 16px -10px rgba(0,0,0,0.05) inset,0 33px 18px -10px rgba(250,250,250,0.1) inset,0 -10px 1px -10px rgba(0,0,0,0.3) inset; margin-bottom: 20px; } .wp-admin #logo { padding: 25px 0; } /* Menu */ .wp-admin #access { margin: 30px 15px 0 0; } .wp-admin #access a { display: inline-block; } .wp-admin .ait-easy-admin-footer { margin: 0 auto 40px auto; max-width: 1000px; text-align: center; } .wp-admin .ait-easy-admin-footer .add-item { font-size: 15px; height: auto; padding: 6px 8px 4px; } .wp-admin .ait-easy-admin-footer .add-item { background: #73ac4b; background: -moz-linear-gradient(#73ac4b,#6ca146); background: -o-linear-gradient(#73ac4b,#6ca146); background: -webkit-gradient(linear,0% 0%,0% 100%,from(#73ac4b),to(#6ca146)); background: -webkit-linear-gradient(#73ac4b,#6ca146); border: 1px solid #5b883c; border-radius: 0; box-shadow: 0 1px 0 #88bc64 inset,0 1px 0 #46692e; color: #ffffff; display: inline-block; font-family: 'Oswald'; font-size: 13px; height: auto; line-height: 18px; margin: 0; padding: 10px 20px 8px; text-align: center; text-shadow: 1px 1px 0 #527a35; text-decoration: none; text-transform: uppercase; width: auto; } .wp-admin .ait-easy-admin-footer .add-item:hover { background: #73ac4b; background: -moz-linear-gradient(#73ac4b,#659742); background: -o-linear-gradient(#73ac4b,#659742); background: -webkit-gradient(linear,0% 0%,0% 100%,from(#73ac4b),to(#659742)); background: -webkit-linear-gradient(#73ac4b,#659742); border: 1px solid #547e37; border-radius: 0; box-shadow: 0 1px 0 #8ebf6b inset,0 1px 0 #44652c; color: #ffffff; display: inline-block; font-family: 'Oswald'; font-size: 13px; height: auto; line-height: 18px; margin: 0; text-align: center; text-shadow: 1px 1px 0 #527a35; text-decoration: none; width: auto; } /* Footer */ .wp-admin #site-generator { background: none; } .wp-admin #footer-text { float: none; } /* Table */ .wp-admin .wrap h2 { padding: 9px 15px 20px 0; } .wp-admin .subsubsub { float: right; margin: 12px 0 0; } .wp-admin .widefat th,.wp-admin .widefat th#content { padding: 13px 7px 11px; } .wp-admin th.sortable a,.wp-admin th.sorted a { padding: 9px 7px 8px; } .wp-admin .sorting-indicator { margin-top: 6px; } .wp-admin .widefat td { padding: 10px 7px 8px; } .wp-admin .wrap table th { vertical-align: middle; } .wp-admin .wrap table #the-list th.check-column { vertical-align: top; } .wp-admin .alternate,.wp-admin .alt { background: none; } .wp-admin input[type="text"],.wp-admin input[type="password"],.wp-admin textarea { border: 1px solid #e3e3e3; } .edit-php.wrap h2 { float: left; } /* Buttons */ .wp-core-ui .button-primary { box-shadow: none; } .wp-core-ui #access a.button,.wp-core-ui #access a.menu-login { background: transparent; border: 0px none; border-radius: 0; box-shadow: 0; color: #ffffff; display: inline-block; font-family: 'Oswald'; font-size: 12px; height: auto; line-height: 18px; margin: 0 0 0 20px; padding: 6px 8px 4px 27px; text-align: center; text-shadow: 1px 1px 0 #000000; text-decoration: none; text-transform: uppercase; width: auto; } .wp-core-ui #access a.items { background: transparent url('../img/my-items.png') no-repeat left center; } .wp-core-ui #access a.ratings { background: transparent url('../img/ratings.png') no-repeat left center; } .wp-core-ui #access a.account { background: transparent url('../img/account.png') no-repeat left center; } .wp-core-ui #access a.view-site { background: transparent url('../img/view-site.png') no-repeat left center; } .wp-core-ui #access a.menu-logout { background: transparent url('../img/menu-logout.png') no-repeat left center; padding-right: 0; } .wp-core-ui .button-primary.hover,.wp-core-ui .button-primary:hover,.wp-core-ui .button-primary.focus,.wp-core-ui .button-primary:focus { box-shadow: none; } .wp-core-ui #access a.button:hover,.wp-core-ui #access a.menu-login:hover,.wp-core-ui #access a.button-primary { color: #73ac4b; text-shadow: 1px 1px 0 #000000; } .rating-details textarea, .rating-details input, .comment-respond textarea, .comment-respond input { font-family: arial; font-size: 12px; } .rating-send-form { background: #f2f2f2; border: 1px dotted #cfcfcf; display: table; margin-bottom: 30px; position: relative; width: 100%; } .rating-ipnuts { display: table-row; } .rating-details { display: table-cell; padding: 20px; vertical-align: top; width: 60%; } .onecolumn .rating-details { width: 73%; } .rating-details .detail { position: relative; } .detail > label { display: block; left: 10px; position: absolute; top: 4px; } .detail > input,.detail > textarea { border: 1px solid #e5e5e5; margin-bottom: 20px; padding: 5px 10px !important; } .detail > textarea { height: 44px; width: 94%; } .ratings,.user-values { background: #2877ae; display: table-cell; padding: 20px; } .user-rating .user-values { display: none; right: -1px; position: absolute; top: 48px; width: 220px; z-index: 1; } .rating { border-bottom: 1px dotted rgba(250,250,250,0.6); line-height: 30px; position: relative; } .user-rating .rating { border-bottom: 1px dotted rgba(0,0,0,0.3); } .rating-system .rating > div { float: left; } .rating-ipnuts .ratings .rating .rating-title,.user-rating .user-values .rating .rating-title { color: #ffffff; text-shadow: 1px 1px 0 rgba(250,250,250,0.2); width: 100px; } .rating-ipnuts .ratings .rating .rating-title { width: 95px; } .user-ratings { background: #fafafa; border: 1px dotted #cfcfcf; border-collapse: collapse; margin-bottom: 30px; width: 100%; } .user-rating { border-bottom: 1px dotted rgba(0,0,0,0.2); margin-bottom: 10px; padding-bottom: 10px; position: relative; } .user-rating:first-child { margin-top: 10px; } .user-rating:last-child { border: 0; margin: 0; } .user-details { border-right: 1px solid #ffffff; padding: 20px; vertical-align: top; } .user-details .name,.user-details .date { display: inline-block; margin-bottom: 10px; margin-right: 10px; padding-right: 10px; } .user-details .name { border-right: 1px solid rgba(0,0,0,0.2); font-weight: bold; } .user-details .description { border-top: 1px dotted rgba(0,0,0,0.2); padding-top: 10px; } .user-details .value { display: inline-block; float: right; margin-bottom: 10px; vertical-align: middle; } .star { background: url('../img/rating_star.png') no-repeat 0 0; float: left; position: relative; width: 24px; height: 24px; } span.rating span.star.active,div.value .star.active,.user-stars div.star.active,.rating div.star.active { background: url("../img/rating_star_active.png") no-repeat; } span.rating span.star { background: #ffffff url('../img/rating_star.png') no-repeat 0 0; } .rating-system .rating-send-form .star,.rating-system .send-rating { cursor: pointer; } .rating-already,.rating-success { background: #dd0000; border: 1px solid #8b0808; color: #ffffff; margin-bottom: 30px; padding: 10px; text-shadow: 1px 1px 0 rgba(0,0,0,0.3); } .rating-success { background: #79be3a; border: 1px solid #59a018; } .message.error { color: #ed1818; display: none; margin-left: 15px; text-shadow: 0 1px 0 rgba(250,250,250,0.7); } .message.success { display: none; } h1.entry-title .rating { display: inline-block; float: none; margin: 0; padding: 0; } h1.entry-title .rating span { padding: 0; } .map-item-info .rating { background: rgba(0,0,0,0.4); border: 0; bottom: 0; padding: 3px 0; position: absolute; right: 0; } .rating { float: right; } /*-----------------------------------------------------------------------------------*/ /* 28. RESPONSIVE /*-----------------------------------------------------------------------------------*/ @media all and (max-width:768px) { body { min-width: 320px; max-width: 768px; } #page.narrow { width: auto; } .defaultContentWidth,#directory-search .defaultContentWidth { max-width: 768px; width: auto; } #advertising-box-1 .defaultContentWidth > div { padding: 20px 0 20px 25px; } #advertising-box-1.advertising-box img { max-width: 699px; height: auto; width: 100%; } #main .advertising-box img { max-width: 408px; width: 100%; } #logo { float: none; padding: 35px 25px; } #logo img { margin: 0 auto; text-align: center; } #access { float: none; margin: 0 auto 20px; } #access ul { text-align: center; } #access .mainmenu > ul > li { display: inline-block; float: none; } #access .mainmenu > ul > li:first-child,#access .mainmenu > ul > li:first-child a { margin-left: 0; } #access .sub-menu a { text-align: left; z-index: 1; } #dir-search-inputs { padding: 20px 5%; width: 90%; } #dir-search-button { width: 100%; text-align: center; padding: 20px 0; } #content { width: auto; max-width: 408px; box-shadow: 4px 0 5px -1px rgba(0,0,0,0.1); } #secondary { width: auto; max-width: 260px; } #searchform #s,#search-form .s { width: 100%; max-width: 175px; } #content input#s { max-width: 85%; width: 85%; } ul.subcategories li { margin-right: 0; width: 100%; } ul.subcategories li:nth-child(even),ul.subcategories li:nth-child(odd) { margin-right: 0; } .entry-thumbnail img { width: 100%; } .items .description { float: none; width: auto; } .item-info { float: none; width: auto; } .item-map { float: none; width: auto !important; } footer .widget-area { margin: 0 2%; } .widgets .widget-container { padding: 0 2% 20px !important; width: 50%; } aside.widget_text.widget img { max-width: 49%; height: auto; } #ait-dir-register-shortcode input { width: 96%; } #ait-dir-register-shortcode label { display: block !important; } .wp-user-form .register-role select { margin-left: 0; width: 100%; } #ait-dir-register-shortcode .register-username { margin-right: 0; } #ait-dir-register-shortcode .register-username,#ait-dir-register-shortcode .register-email { display: block; } #footer-text { float: none; padding: 15px 25px; } nav.footer-menu { float: none; padding: 0 25px 15px; } .frame pre,.frame pre code { white-space: pre-wrap; white-space: -moz-pre-wrap !important; white-space: -pre-wrap; white-space: -o-pre-wrap; word-wrap: break-word; } .entry-content img,.comment-content img,.widget img { width: 100%; } img.ajax-loader { width: auto; } .sc-column.three-fourth,.sc-column.three-fourth-last,.sc-column.one-third,.sc-column.one-third-last,.sc-column.one-half,.sc-column.one-half-last,.sc-column.two-third,.sc-column.two-third-last,.sc-column.one-fourth,.sc-column.one-fourth-last,.ui-widget-content .sc-column.one-third,.ui-widget-content .sc-column.one-third-last,.sc-column.three-fourth,.sc-column.three-fourth-last,.sc-column.one-third,.sc-column.one-third-last,.sc-column.one-half,.sc-column.one-half-last,.sc-column.two-third,.sc-column.two-third-last,.sc-column.one-fourth,.sc-column.one-fourth-last { width: 100% !important; } .fb_iframe_widget span,.twtr-doc { max-width: 403px !important; } .rev_slider iframe { width: 240px !important; } .rev_slider_wrapper .tp-caption p { width: 350px !important; } #dir-holder input { max-width: 90px; } #dir-holder input#dir-searchinput-category,#dir-holder input#dir-searchinput-location { width: 85px; } } @media all and (max-width:650px) { body { max-width: 650px; } .defaultContentWidth,#directory-search .defaultContentWidth { max-width: 650px; width: auto; } #advertising-box-1.advertising-box img { max-width: 600px; width: 100%; } #main .advertising-box img { max-width: 350px; width: 100%; } #dir-search-inputs { width: 90%; border: 0; box-shadow: none; } #dir-holder { width: auto; } #dir-holder input { max-width: 90px; width: auto; } #dir-holder input#dir-searchinput-category,#dir-holder input#dir-searchinput-location { width: 85px; } #dir-search-button { background: none; display: inline-block; padding: 0 0 20px; float: none; text-align: center; width: 100%; } #directory-search .reset-ajax { left: auto; right: 0; top: 57px; } #content { padding: 50px 25px 0; max-width: 350px; width: auto; } #secondary { padding: 55px 25px 0; max-width: 200px; width: auto; } #searchform #s,#search-form .s { max-width: 118px; width: auto; } #content input#s { max-width: 80%; width: 80%; } .entry-thumbnail img { width: 100%; } ul.subcategories li { margin-right: 0; width: 100%; max-width: 100%; } ul.subcategories li:nth-child(even),ul.subcategories li:nth-child(odd) { margin-right: 0; } .items .description { width: auto; } .rev_slider iframe { width: 310px !important; } .rev_slider_wrapper .tp-caption p { width: 290px !important; } } @media all and (max-width:497px) { body { max-width: 480px; } .defaultContentWidth,#directory-search .defaultContentWidth { max-width: 480px; width: auto; } #directory-search .reset-ajax { position: absolute; left: auto; right: 0; top: 0; } #advertising-box-1.advertising-box img { max-width: 430px; } #main .advertising-box img { max-width: 430px; } #logo { float: none; padding: 20px 0; max-width: 480px; } #logo img { margin: 0 auto; } #access { background: #eeeeee; border-top: 1px solid #cccccc; float: none; margin: 0 auto; max-width: 480px; padding: 20px 0; text-align: center; } #access ul,.assistive-text { display: none; } .responsive-menu { display: inline; padding: 10px; } #directory-main-bar { max-height: 380px !important; } #dir-search-inputs { border: 0; width: 90%; max-width: 480px; } #dir-holder { background: none; border: 0; border-radius: 0; box-shadow: none; } #dir-holder input,#dir-holder input#dir-searchinput-category,#dir-holder input#dir-searchinput-location { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; margin-bottom: 15px; padding: 0 20px; width: 100%; max-width: 100%; min-width: auto; } #dir-holder input#dir-searchinput-location { margin: 0; } #dir-search-button { text-align: center; padding: 0 0 20px 0; width: 90%; } ul.ui-autocomplete { width: 405px !important; } .dir-searchinput-settings { background-color: #efefef; border-radius: 20px; float: none; position: absolute; top: 156px; width: 36px; } #dir-holder span label[for=dir-searchinput-text] { left: 10px !important; top: 10px !important; font-size: 14px !important; border: none !important; } #dir-holder span label[for=dir-searchinput-category] { left: 10px !important; top: 10px !important; font-size: 14px !important; border: none !important; } #dir-holder span label[for=dir-searchinput-location] { left: 10px !important; top: 10px !important; font-size: 14px !important; border: none !important; } span.for-dir-searchinput-text { width: 420px; } input.dir-searchinput-text { width: 420px; } span.for-dir-searchinput-location { position: relative !important; left: auto; } span.for-dir-searchinput-category { position: relative !important; left: auto; } #dir-search-advanced { left: 0; right: auto; top: -209px; } #dir-search-advanced:before { left: 10px; right: auto; } #main,#wrapper-row,#primary,#secondary { display: block; } #main { border: 0; } #content,.onecolumn #content { max-width: 430px; width: auto; padding-top: 30px; } #secondary { margin: 0; padding-top: 30px; max-width: 480px; width: auto; } #supplementary { padding: 30px 25px 10px; } .widgets .widget-container { padding: 0 0 20px 0 !important; max-width: 480px; width: 100% !important; } .items .description { width: auto; } #searchform #s,#search-form .s { width: 81%; max-width: 340px; } #searchform #searchsubmit,#search-form .searchsubmit { width: 10%; padding: 0; } footer .widget-area { margin: 0; } .widgets h2.widget-title { text-align: center; } ul.subcategories li,.onecolumn ul.subcategories li,.onecolumn ul.subcategories li:nth-child(3n) { margin-right: 0; max-width: 480px; } .widget_recent_comments li { border-bottom: 1px dotted #cfcfcf; } .widgets .widget_archive li,.widgets .widget_categories li,.widgets .widget_links li,.widgets .widget_meta li,.widgets .widget_nav_menu li,.widgets .widget_pages li,.widgets .widget_recent_entries li,.widgets .widget_rss li,.widgets .widget_submenu li,.widgets .widget_recent_comments li { border-width: 0 0 1px 0; } .entry-thumbnail img { max-width: 413px; width: 100%; } .edit-link { float: none; } .open-button { background: none !important; color: #222222; float: none !important; font-size: 13px; font-weight: bold; margin: 0 auto 10px !important; padding: 0 !important; position: relative !important; text-align: center; text-transform: uppercase; width: 100%; } #comments h2 { text-align: center; } .item-map,.item-info { width: 100% !important; } .open-button { display: none !important; } #commentform .comment-form-author,#commentform .comment-form-email,#commentform .comment-form-url { width: 98% !important; } #commentform input { width: 96% !important; } #respond #submit { width: 100% !important; } .rev_slider iframe { width: 230px !important; } .rev_slider_wrapper .tp-caption p { width: 150px !important; } .rating { float: none; } .rating-details,.user-details { width: auto; } .rating-details { -moz-box-sizing: border-box; box-sizing: border-box; display: inline-block; width: 100%; } .ratings,.user-values { -moz-box-sizing: border-box; box-sizing: border-box; display: inline-block; width: 100%; } .rating-system .rating > div.stars { float: right; } .dir-searchinput-settings { z-index: 1; } .contact-owner-popup .input,.claim-listing-popup .input { display: block; } .contact-owner-popup input,.contact-owner-popup textarea,.claim-listing-popup input,.claim-listing-popup textarea { width: 220px; } .contact-owner-popup textarea,.claim-listing-popup textarea { width: 220px; } } @media all and (max-width:320px) { #advertising-box-1.advertising-box img,#main .advertising-box img { max-width: 270px; } #tagLineHolder .info,.social-icons.right { float: none; text-align: center; } #tagLineHolder .info { padding: 0 25px; } ul.social-icons { padding: 0; } .social-icons li { display: inline; float: none; margin: 0 5px; } ul.ui-autocomplete { width: 245px !important; } .frame { max-width: 248px; } .fb_iframe_widget span,.twtr-doc { max-width: 263px !important; } .sc-fb-comments { width: 263px; } span.for-dir-searchinput-text { width: 280px; } input.dir-searchinput-text { width: 280px; } .rev_slider_wrapper .tp-caption p { width: 120px !important; } .rev_slider iframe { width: 150px !important; } } @media (max-width:497px) { #dir-holder input,#dir-holder input#dir-searchinput-category,#dir-holder input#dir-searchinput-location { background: #ffffff; border: 1px solid #1e5b85; border-radius: 0; box-shadow: 0 1px 0 #cccccc inset,0 2px 0 -1px #3892d1; } #dir-holder input#dir-searchinput-category,#dir-holder input#dir-searchinput-location { background: #ffffff url('../img/search_input-arrow.png') no-repeat 97% 15px; float: none; display: inline-block; } #dir-holder { padding-right: 0; } .dir-searchinput-settings { right: auto; left: 0; } span.for-dir-searchinput-text,span.for-dir-searchinput-category,span.for-dir-searchinput-location { overflow: hidden; } } .commentlist li li { padding-bottom: 0px; } .comment { position: relative; padding: 10px 0; } .children { padding-left: 65px; } .children .comment-arrow { content: ""; height: 0px; width: 0px; border-color: transparent transparent #ffffff; border-style: solid; border-width: 0 11px 11px; position: absolute; top: -12px; left: 24px; } .children .comment-arrow:before { content: ""; height: 0px; width: 0px; border-color: transparent transparent #f4f4f4; border-style: solid; border-width: 0 9px 9px; position: absolute; top: 3px; left: -9px; } .children #respond:before { content: ""; height: 0px; width: 0px; border-color: transparent transparent #ffffff; border-style: solid; border-width: 0 11px 11px; position: absolute; top: -12px; left: 24px; } .children #respond:after { content: ""; height: 0px; width: 0px; border-color: transparent transparent #f4f4f4; border-style: solid; border-width: 0 9px 9px; position: absolute; top: -8px; left: 26px; } .comment .avatar { width: 45px; height: 45px; } .content > div a { text-decoration: none; } .content > div,.comment .content p { margin: 0 0 0 64px; } .comment .comment-meta { margin: 10px 0 10px 64px; } .comment .comment-controls { position: absolute; top: 5px; right: 15px; } .comment .comment-controls .reply,.comment .comment-controls .edit-link { float: left; text-transform: uppercase; font-size: 11px; } .comment .comment-controls .reply a { color: #000000; } .comment .comment-controls .edit-link { margin: 0 8px 0 0; } .comment .comment-controls .edit-link a { color: #ff0000; } .reply,.edit-link { display: inline; float: right; margin-left: 10px; } #comments h2 { text-transform: uppercase; font-size: 20px; font-family: Arial,Helvetica,sans-serif; margin: 0 0 15px; padding-bottom: 10px; line-height: 23px; } h3#reply-title { font-family: Arial,Helvetica,sans-serif; font-size: 18px; color: #222222; margin: 0 0 20px; text-transform: uppercase; } .author.vcard { font-weight: bold; } ol.commentlist { border-top: 1px solid #cfcfcf; } /* REPLY */ #respond { background: #f2f2f2; border: 1px dotted #cfcfcf; padding: 16px 16px 10px 16px; position: relative; margin: 0px 0px 20px 0px; } #commentform { position: relative; } #commentform p { position: relative; margin-bottom: 8px; } #commentform .comment-form-author,#commentform .comment-form-email,#commentform .comment-form-url { width: 134px; margin-right: 8px; float: left; } #commentform .comment-form-url { margin-right: 0px; } #commentform .comment-form-comment { clear: both; } #commentform label { position: absolute; top: 5px; left: 12px; } #commentform textarea { width: 100%; height: 100px; padding: 5px 10px; border: 1px solid #e5e5e5; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } #commentform input { width: 114px; padding: 5px 10px; border: 1px solid #e5e5e5; } #commentform .required { position: absolute; top: -4px; left: -11px; height: 0px; width: 0px; border-color: #ff6000 transparent transparent; border-style: solid; border-width: 10px 10px 0 0; overflow: hidden; } #commentform .comment-notes,#commentform .logged-in-as { font-style: italic; margin: -15px 0px 15px 0px; font-size: 11px; line-height: 16px; } #commentform .comment-notes .required,#commentform .form-allowed-tags { display: none; } #respond #submit { background: #2876ae; color: #ffffff; font-size: 12px; padding: 5px 10px; width: auto; font-family: Arial,Helvetica,sans-serif; cursor: pointer; } #cancel-comment-reply-link { float: right; color: #ff0000; } /* Comments closing */ .closeable { position: relative; } .open-button { position: absolute; right: 0; top: 3px; height: 16px; background: url('../img/closeable.png') scroll 0 0 no-repeat transparent; cursor: pointer; padding: 0 0 0 20px; } .open-button.comments-closed { background-position: 0 bottom; } /*-----------------------------------------------------------------------------------*/ /* 29. CONTACT PAGE /*-----------------------------------------------------------------------------------*/ div.wpcf7 { margin-bottom: 20px; } .frame .wpcf7 form { padding-top: 5px; padding-bottom: 5px; } .wpcf7,.wpcf7 p { font-size: 12px; } .wpcf7 label { color: #666666; background-color: #f4f4f4; font-weight: bold; left: 10px; line-height: 21px; position: absolute; top: 3px; z-index: 10; } .wpcf7 .agreement label { background: none; } .wpcf7 label span { font-weight: normal; cursor: pointer; } .wpcf7 p { position: relative; margin-bottom: 15px; } .wpcf7 p:after { clear: both; content: "."; display: block; height: 0; overflow: hidden; visibility: hidden; } .wpcf7 input,.wpcf7 textarea { background: #f4f4f4; color: #666666; border: 1px solid #e8e8e8; display: block; font-family: 'Arial',sans-serif; font-size: 12px; margin: 0px; padding: 5px 8px; } .wpcf7-list-item input { display: inline-block; margin: 0px 10px 0px 0px; } .wpcf7 textarea { width: 95%; } .wpcf7 .required { display: block; font-size: 0px; line-height: 0px; text-indent: -9999px; width: 5px; height: 5px; position: absolute; top: -3px; left: -10px; background: url('../img/required.gif') top left no-repeat; } .wpcf7 .wpcf7-form-control-wrap { display: block; position: relative; } .wpcf7 .wpcf7-submit { color: #ffffff; background: #333333; font-family: arial; font-size: 12px; cursor: pointer; display: inline; font-weight: bold; width: auto; margin: 0px; float: left; float: right; } .wpcf7 .wpcf7-submit:hover { color: #ffffff; } .wpcf7 .selectbox label { position: relative; top: 0px; left: 0px; float: left; line-height: 15px; padding: 5px 8px; border: 1px solid #e8e8e8; border-right-width: 0px; border-radius: 3px 0px 0px 3px; -moz-border-radius: 3px 0px 0px 3px; -webkit-border-radius: 3px 0px 0px 3px; } .wpcf7 .selectbox .wpcf7-form-control-wrap { display: block; float: left; height: 25px; padding: 0px 8px; background: #f4f4f4; border: 1px solid #e8e8e8; border-left-width: 0px; border-radius: 0px 3px 3px 0px; -moz-border-radius: 0px 3px 3px 0px; -webkit-border-radius: 0px 3px 3px 0px; } .wpcf7 .selectbox select { border: 1px solid #e8e8e8; margin-top: 3px; margin-top: 2px; } .wpcf7 .selectbox .required { top: -1px; left: -1px; } .wpcf7 .checkbox { margin: 0 0 10px 0; } .wpcf7 .checkbox label { position: static; top: 0px; left: 0px; line-height: 15px; padding: 0px; border-width: 0px; border-radius: 0px; -moz-border-radius: 0px; -webkit-border-radius: 0px; background: none; font-weight: normal; } .wpcf7 .checkbox input { background: none; padding: 0px; margin-right: 5px; vertical-align: middle; border-width: 0px; position: relative; top: -1px; } .wpcf7 .checkbox .wpcf7-list-item { display: block; padding: 0 0 5px 0; } .wpcf7 .radiobuts-horizontal { white-space: nowrap; } .wpcf7 .radiobuts-horizontal label,.wpcf7 .radiobuts-vertical label { position: static; top: 0px; left: 0px; line-height: 15px; padding: 0px; border-width: 0px; border-radius: 0px; -moz-border-radius: 0px; -webkit-border-radius: 0px; background: none; font-weight: normal; } .wpcf7 .radiobuts-horizontal input,.wpcf7 .radiobuts-vertical input { background: none; padding: 0px; margin-right: 5px; vertical-align: middle; border-width: 0px; position: relative; top: -1px; } .wpcf7 .radiobuts-horizontal .label,.wpcf7 .radiobuts-vertical .label { display: inline-block; font-weight: bold; padding-right: 10px; } .wpcf7 .radiobuts-horizontal .wpcf7-list-item { padding-right: 10px; } .wpcf7 .radiobuts-horizontal .wpcf7-form-control-wrap { display: inline-block; } .wpcf7 .radiobuts-vertical { margin: 0 0 10px 0; } .wpcf7 .radiobuts-vertical .label { float: left; } .wpcf7 .radiobuts-vertical .wpcf7-form-control-wrap { float: left; } .wpcf7 .radiobuts-vertical .wpcf7-list-item { display: block; padding-bottom: 5px; } .wpcf7 .captcha img { float: left; margin-right: 10px; border: 1px solid #dddddd; } .wpcf7 div.wpcf7-validation-errors { margin: 0 0 20px 0; padding: 6px 8px; line-height: 18px; background: #e7d700; border: 0; color: #111111; border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; } .wpcf7 span.wpcf7-not-valid-tip,.wpcf7 span.wpcf7-not-valid-tip-no-ajax { background: #dd0000; border: none; color: #ffffff; padding: 4px 8px; border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; position: absolute; top: 0; left: 0; width: 222px; z-index: 11; } .wpcf7 .agreement span.wpcf7-not-valid-tip,.wpcf7 .agreement span.wpcf7-not-valid-tip-no-ajax { width: 300px; } .wpcf7 div.wpcf7-mail-sent-ok { margin: 20px 0px 0px 0px; padding: 2px 8px; line-height: 18px; background: #398f14; border: 1px solid #40a315; color: #ffffff; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; } .wpcf7 img.ajax-loader { display: block; padding: 3px; border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; margin-top: 22px; margin-bottom: 0; } .recentcomments a{ display:inline !important;padding:0 !important;margin:0 !important; }