/* Theme Name: inHarmony WP Theme Theme URI: http://dragon-wp.designagent.sk/ Author: Darina Tyrpakova Author URI: http://designagent.sk/ Description: Clean and tidy multi-purpose theme that is very simple and user-friendly. Responsive and clean-coded. Version: 2.1 License: GNU General Public License v2 or later License URI: http://www.gnu.org/licenses/gpl-2.0.html Tags: white, light, one-column, two-columns, right-sidebar, left-sidebar, fluid-layout, custom-menu, editor-style, featured-images, microformats, post-formats, custom-background, custom-colors, translation-ready, responsive-layout Text Domain: dragon */ @import url('editor-style.css'); /******************************************************************************************************** * Please do not make edits directly to this file. You will lose all modifications when the theme is next updated if you do so. Please use a child theme. This theme's styles will automatically be loaded for you. You can then overwrite specific style rules in your child theme's 'style.css' file. * TABLE OF CONTENTS: 1. RESET 2. FORM ELEMENTS - inputs, selects, buttons, fields 3. BODY DEFAULTS, LAYOUTS - html, body 4. HEADINGS - H1, ... 5. MAIN WRAPPER - wrappers 6. HEADER - logo, menu, search 7. HOMEPAGE - carousel, homepage widgets 8. CONTENT - inside content elements and classes (find more classes in editor-style.css), post image, whistles 9. SIDEBAR - widgets, footer 10. GALLERY, PORTFOLIO 11. SHOP - woocommerce shop styles 12. FOOTER 13. OTHER - comments, contact 14. RESPONSIVE MAGIC - media queries */ /******************************************************************************************************** /* 1. RESET ______________________________________ */ /* http://meyerweb.com/eric/tools/css/reset/ */ html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,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,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,video { margin:0; padding:0; border:0; outline:0; font-size:100%; font:inherit; vertical-align:baseline; } /* HTML5 display-role reset for older browsers */ article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section { display:block; } nav ul { list-style:none; } table{ border-collapse:collapse; border-spacing:0; } /* 2. FORM ELEMENTS ______________________________________ */ label { display: block; padding: 5px 0 5px 0; font-size: 1.0em; font-weight: 400; } input[type=text], input[type=email], input[type=tel], input[type=url], input[type=password], input[type=number], textarea { border: 0; outline: 0; background: #f8f8f8; width: 98%; color: #747474; height: 20px; padding: 4px 0 4px 7px; -webkit-appearance: none; -webkit-focus-ring-color: none; border: 1px solid #ccc; } select { outline: 0 !important; font-size: 1em; color: #777; padding: 3px; margin-top: -6px; } input[type=text]:focus, input[type=email]:focus, input[type=tel]:focus, input[type=url]:focus, input[type=password]:focus, input[type=checkbox]:focus, input[type=radio]:focus, input[type=number]:focus, textarea:focus { border-color: #d8d8d8; } input[type=submit], input[type=button], button, .button { height: auto; padding: 6px 20px 8px 25px; color: white; font-size: 1.05em; text-align: center; cursor: pointer; background: #0090EC; border: 0; text-decoration: none; text-transform: uppercase; white-space: nowrap; -webkit-transition: all .2s ease; -moz-transition: all .2s ease; -ms-transition: all .2s ease; -o-transition: all .2s ease; transition: all .2s ease; } button:after, .button:after { content: '\f054'; font-family: FontAwesome; color: white; padding: 0 0 0 15px; font-size: 1.0em; font-weight: normal; -webkit-transition: all .2s ease; -moz-transition: all .2s ease; -ms-transition: all .2s ease; -o-transition: all .2s ease; transition: all .2s ease;} button:hover:after, .button:hover:after { padding-left: 20px; } .button { line-height: 40px; } input[type=submit]:hover, input[type=button]:hover, button:hover, .button:hover { color: white; border-left: 3px solid rgba(0,0,0,0.2); } input[type=checkbox] { width: 15px; margin: 0 5px 0 0; position: relative; top: -2px; border: 1px solid #C0CAD6; vertical-align: middle; } input[type=radio] { vertical-align: middle; position: relative; bottom: 3px; } input[type=number] { width: 40px; background: white; } textarea { padding-top: 5px; height: 100px; } form { padding: 0 0 20px 0; position: relative; } form h3 { clear: both; padding: 10px 0; } .mfp-container button { box-shadow: none; background: none; border: 0; outline: none; -webkit-tap-highlight-color: rgba(255, 255, 255, 0); } .mfp-container button:focus, .mfp-container button:active { outline: none; -webkit-tap-highlight-color: rgba(255, 255, 255, 0); } .mfp-container button.mfp-arrow-right:before { border: 0 !important; font-family: 'FontAwesome'; content:"\f054"; color: #fff; font-size: 1.8em; } .mfp-container button.mfp-arrow-right:after { display: none; } .mfp-container button.mfp-arrow-left:before { border: 0 !important; font-family: 'FontAwesome'; content:"\f053"; color: #fff; font-size: 1.8em; } .mfp-container button.mfp-arrow-left:after { display: none; } .mfp-container button.mfp-close { visibility: hidden; } /* 3. BODY DEFAULTS ______________________________________ */ html { height: 100%; font-family: 'Open Sans', sans-serif; font-size: 62.5%; } body { width: 100%; height: 100%; background: #eaeafa; background-image: url('/i/backpattern1.jpg'); color: #747474; font-size: 1.3em; font-weight: 400; } p { font-size: 1em; line-height: 1.6; padding: 0 0 15px 0; } strong, input[type="submit"], input[type="button"], button, .button { font-weight: bold; } nav ul { list-style: none; } em { font-style: italic; } input, textarea { font-family: 'Open Sans', sans-serif; vertical-align: middle; } select { font-family: 'Open Sans', sans-serif; } input[type="submit"], input[type="button"], button { font-family: 'Open Sans', sans-serif; } table td, table th { text-align: left; } table th { font-weight: bold; } hr { clear: both; background: none; height: 1px; border: 0; border-top: 1px solid #e2e2e2; margin: 0 0 18px 0; } a { color: #0090EC; text-decoration: none; font-weight: 700; } a:hover { color: #474747; text-decoration: none; -webkit-transition: color .2s ease; -moz-transition: color .2s ease; -ms-transition: color .2s ease; -o-transition: color .2s ease; transition: color .2s ease; } .thin { font-weight: 300; } .bold { font-weight: 600; } .superbold { font-weight: 700; } .nobreak { white-space: nowrap; } .hidden { visibility: hidden; display: inline; height: 0; padding: 0; margin: 0; } .hidden label, .hidden input { height: 0; padding: 0; margin: 0; } /* 4. HEADINGS ______________________________________ */ h1 { font-size: 1.6em; margin: 12px 0 12px 0; line-height: 1.3; font-weight: 700; letter-spacing: -1px; color: #919191; } h2 { font-size: 1.5em; margin: 0 0 18px 0; line-height: 1.3; font-weight: 300; color: black; } h3 { font-size: 1.15em; margin: 0 0 10px 0; line-height: 1.3; font-weight: 700; color: black; } h4 { font-size: 1.0em; margin: 0 0 10px 0; line-height: 1.4; font-weight: 600; color: black; } h5, h6, dt { font-weight: 700; margin: 0 0 10px 0; line-height: 1.4; } /* 5. MAIN WRAPPER ______________________________________ */ #wrapperbox { position: relative; margin: 20px auto; width: 1220px; padding: 0; background: white; border-top: 7px solid #2dab8b; box-shadow: 0 0 10px rgba(87,87,87,0.2); } .wrapper { padding: 0 28px; } #content { float: right; width: 76%; position: relative; z-index: 3; margin-right: 0.5%; } #sidebar { float: left; width: 20%; position: relative; z-index: 2; margin-top: -6px; } .layout-1c #content, .home #content { float: none; width: 100%; } .layout-1c #sidebar, .home #sidebar { display: none; } .layout-2c-l #content { float: left; } .layout-2c-l #sidebar { float: right; } /* 6. HEADER ______________________________________ */ header { position: relative; z-index: 12; } #logo { float: left; width: 50%; height: 130px; position: relative; z-index: 2; margin: 17px 0 30px 0; } #logo h1 { width: 100%; position: absolute; bottom: 0; margin: 0; } #logo img { vertical-align: top; float: left; margin: 0 10px 0 0; } #logo a { color: black; font-size: 1.6em; font-weight: 700; letter-spacing: -2px; } #logo .subtitle { display: inline-block; color: black; font-size: 0.9em; font-weight: 300; position: relative; top: 11px; } #address-block { float: right; width: 48%; text-align: right; margin: 5px 0 0 0; color: black; font-size: 1em; line-height: 1.7; font-weight: 300; } #address-block a { font-weight: 400; white-space: nowrap; display: inline-block; padding-left: 20px; } #address-block i { padding: 0 6px 0 0; font-weight: bold; vertical-align: middle; color: #555; position: relative; top: -1px; } #address-block i.fa-mobile-phone { font-size: 1.25em; } #address-block i.fa-envelope { font-size: 1em; } #social-block { float: right; width: 48%; text-align: right; margin: 22px 0 0 0; } #social-block ul li { list-style: none; display: inline; } #social-block a { color: white; display: inline-block; margin-left: 2px; } #social-block a i { display: block; width: 30px; height: 30px; line-height: 30px; background: #C7C7C7; text-align: center; -webkit-transition: all .4s ease; -moz-transition: all .4s ease; -ms-transition: all .4s ease; -o-transition: all .4s ease; transition: all .4s ease; } #social-block a i { background-color: #C7C7C7; } #social-block a:hover i.fa-twitter { background-color: #22BBF4; } #social-block a:hover i.fa-facebook { background-color: #314987; } #social-block a:hover i.fa-linkedin { background-color: #006DC0; } #social-block a:hover i.fa-pinterest { background-color: #BE0D15; } #social-block a:hover i.fa-google-plus { background-color: #D44730; } #social-block a:hover i.fa-youtube { background-color: #D82924; } #social-block a:hover i.fa-dribbble { background-color: #EA4685; } #social-block a:hover i.fa-flickr { background-color: #1D75CE; } #social-block a:hover i.fa-tumblr { background-color: #304E6A; } #social-block a:hover i.fa-skype { background-color: #31C5EB; } nav#mainmenu { position: relative; display: block; clear: both; width: 100.9%; height: 100px; margin: 0 0 40px -5px; background: #0090ec; z-index: 15; } nav#mainmenu ul { list-style: none; padding: 0 35px; display: block; } nav#mainmenu ul li { display: block; float: left; width: auto; position: relative; z-index: 15; } nav#mainmenu ul li a { display: block; float: left; width: auto; height: 37px; padding: 15px 24px 0 24px; margin-top: -3px; color: white; text-decoration: none; font-size: 1.1em; font-weight: 400; } nav#mainmenu ul li a:hover, nav#mainmenu ul li a:focus, nav#mainmenu ul li a.active, nav#mainmenu ul li a.active-parent, nav#mainmenu ul li.current_page_item a { background: #6ec0f6; color: white; -webkit-transition: background-color .2s ease; -moz-transition: background-color .2s ease; -ms-transition: background-color .2s ease; -o-transition: background-color .2s ease; transition: background-color .2s ease; } nav#mainmenu ul li ul.sub-menu { display: none; position: absolute; left: 0; top: 46px; background: #6ec0f6; padding: 0; border-bottom: 5px solid #0090EC; } nav#mainmenu ul li ul.sub-menu ul.sub-menu { left: 225px; top: 0; border-bottom: 0; } nav#mainmenu ul li ul.sub-menu li { padding: 0; width: 100%; } nav#mainmenu ul li ul.sub-menu li a { display: table-cell; height: auto; padding: 11px 37px; margin: 0; width: 155px; border-bottom: 1px solid rgba(255,255,255,0.15); } nav#mainmenu ul li ul.sub-menu li:first-child a { border-top: 0; } nav#mainmenu ul li ul.sub-menu li a:hover, nav#mainmenu ul li ul.sub-menu li a.active { background: rgba(255,255,255,0.2); } nav#mainmenu ul li ul.sub-menu li a:before { font-family: 'FontAwesome'; content:"\f054"; font-size: 0.7em; position: absolute; left: 0; visibility: hidden; line-height: 2; } nav#mainmenu ul li ul.sub-menu li a:hover:before { left: 20px; visibility: visible; -webkit-transition: all .2s ease; -moz-transition: all .2s ease; -ms-transition: all .2s ease; -o-transition: all .2s ease; transition: all .2s ease; } nav#mainmenu:before { content:""; width:0; height:0; border-bottom: 5px solid #0071BB; border-top: 5px solid transparent; border-left: 5px solid transparent; position: absolute; left: 0px; top: -10px; } nav#mainmenu:after { content:""; width:0; height:0; border-bottom: 5px solid #0071BB; border-top: 5px solid transparent; border-right: 5px solid transparent; position: absolute; right: 0px; top: -10px; } nav#mainmenu > ul > li > a:after { content:"|"; color: white; opacity: 0.15; width: 1px; font-size: 1.1em; position: absolute; top: 10px; right: 3px; } nav#mainmenu > ul > li > a.active:after, nav#mainmenu > ul > li:last-child > a:after { opacity: 0; } nav#mainmenu .select-menu, nav#mainmenu .sexyselect { display: none; position: relative; z-index: 15; } nav#mainmenu .sexyselect { width: 70%; float: left; margin: 15px 0 0 33px; } nav#mainmenu .sexyselect select { width: 100%; } #sitesearch i { color: white; float: right; margin: 3px 0 0 0; font-size: 1.2em; z-index: 18; position: absolute; right: 35px; top: 12px; } #search-box { z-index: 17; background: #0090ec; padding: 10px 35px 10px 10px; height: 35px; width: 175px; overflow: hidden; position: absolute; top: -5px; right: 30px; opacity: 0; } #search-box form { padding: 0; } #search-box form input.search-field { height: 35px !important; width: 172px; border: 0 !important; box-shadow: none !important; color: #919191; padding: 0 5px 0 8px; } #search-box form input.search-submit { visibility: hidden; } /* 7. HOMEPAGE ______________________________________ */ .prev1, .next1 { position: absolute; top: 41%; display: block; width: 40px; height: 40px; border-radius: 30px; background: white; text-align: center; padding-top: 20px; color: #4D4D4D; font-size: 1.2em; z-index: 7; } .prev1 { left: -45px; box-shadow: -8px 0 8px -7px rgba(87,87,87,0.3); padding-right: 20px; } .next1 { right: -45px; box-shadow: 8px 0 8px -7px rgba(87,87,87,0.3); padding-left: 20px; } .prev1:hover, .next1:hover { -webkit-transition: all .2s ease; -moz-transition: all .2s ease; -ms-transition: all .2s ease; -o-transition: all .2s ease; transition: all .2s ease; } .prev1:hover { left: -50px; } .next1:hover { right: -50px; } .prev2, .next2 { display: block; width: 30px; height: 30px; line-height: 30px; background: #B8B8B8; text-align: center; color: white; position: relative; z-index: 7; float: right; margin: 0; margin-left: 1px; } .prev2 i, .next2 i { line-height: 30px; width: 30px; text-align: center; font-size: 1.2em; } .prev2:hover, .next2:hover { background: #A6A6A6; -webkit-transition: background .2s ease; -moz-transition: background .2s ease; -ms-transition: background .2s ease; -o-transition: background .2s ease; transition: background .2s ease; } h2 .small { color: #777; } h2 .small a { font-size: 0.75em; } #recent-news { clear: both; margin: 0 0 40px 0; width: 60%; float: left; } .carousel-vert4 { position: relative; overflow: hidden; height: 200px; z-index: 9; margin: 20px 0 3px 0; } .carousel-vert4 ul { list-style: none; width: 100%; height: 2200px; position: absolute; padding: 0 !important; } .carousel-vert4 ul li { display: block; width: 100%; height: 49px; background: #E7E7E7; margin-bottom: 1px; overflow: hidden; -webkit-transition: background .2s ease; -moz-transition: background .2s ease; -ms-transition: background .2s ease; -o-transition: background .2s ease; transition: background .2s ease; } .carousel-vert4 ul li:nth-child(even) { background: #f5f5f5; } .carousel-vert4 ul li img { width: 70px; height: 49px; float: left; opacity: 0.9; margin: 0 20px 0 -20px; -webkit-transition: all .2s ease; -moz-transition: all .2s ease; -ms-transition: all .2s ease; -o-transition: all .2s ease; transition: all .2s ease;} .carousel-vert4 ul li figure i { width: 49px; height: 34px; float: left; opacity: 0.9; margin: 0 20px 0 0; display: block; background: #9E9E9E; text-align: center; color: white; font-size: 1.4em; padding-top: 15px; } .carousel-vert4 ul li .date { width: 50px; height: 49px; background: #B8B8B8; color: white; text-align: center; float: left; margin-right: 20px; -webkit-transition: background .2s ease; -moz-transition: background .2s ease; -ms-transition: background .2s ease; -o-transition: background .2s ease; transition: background .2s ease;} .carousel-vert4 ul li .date .day { font-size: 1.4em; font-weight: 700; display: block; line-height: 1; padding-top: 7px; text-align: center;} .carousel-vert4 ul li .date .month { font-size: 1.0em; font-weight: 300; text-transform: uppercase; text-align: center !important;} .carousel-vert4 ul li h3 { font-size: 1em; } .carousel-vert4 ul li h3 a { display: block; line-height: 49px; max-width: 90%; color: #252525; position: relative; } .carousel-vert4 ul li h3 a:after { content: '\f054'; font-family: FontAwesome; font-weight: normal; font-size: 1.4em; color: #0090EC; position: absolute; right: -8%; top: 2px; } .carousel-vert4 ul li:hover .date { background: #A6A6A6; } .carousel-vert4 ul li:hover img, .carousel-vert4 ul li:hover figure i { margin-right: 30px; opacity: 1; } #recent-news .read-more { float: left; display: inline-block; padding: 10px 0 0 0; } #after-content-widgets { } #after-content-widgets > .widget { font-size: 1em; } #after-content-widgets > .widget:first-child { clear: none; margin: 0 0 40px 0; width: 35%; float: right; } #quotes { max-height: 250px; overflow: hidden; } #content .widget .quote blockquote { background: #f5f5f5; padding: 24px 25px; margin: 2px 0 0 0; font-weight: 400; color: #a7a7a7; height: 150px; font-size: 1em; position: relative; } #content .widget .quote blockquote:after { position: absolute; bottom: -14px; right: 75%; } #content .widget .quote blockquote p { font-size: 1em; } #quotes { max-width: 100%; } #content .widget .quote { font-weight: 300; height: 250px; width: 100% !important; } #content .widget .quote footer { position: relative; top: 35px; left: 5px; } #content .widget .quote img { width: 65px; height: auto; position: absolute; bottom: 0; } #content .widget .quote .author { position: absolute; bottom: 0; left: 65px; background: #2DAB8B; color: white; padding: 2px 21px 3px; min-width: 235px; font-size: 1.0em; } #quotes-nav { position: relative; bottom: 81px; z-index: 9; } #clients { clear: both; margin: 0 0 -40px 0; } .carousel7 { position: relative; overflow: hidden; height: 150px; z-index: 9; } .widget .carousel7 ul { width: 2200px; position: absolute; list-style: none; padding: 30px 0 0 0; } .widget .carousel7 ul li { display: block; width: 180px; padding: 0 8px; float: left; text-align: center; border: 0; } .widget .carousel7 ul li img { max-width: 160px; max-height: 150px; vertical-align: middle; } /* 8. CONTENT ______________________________________ */ #content h1 { font-size: 2.3em; font-weight: 400; } #content > h1:first-child { float: left; margin: -12px 0 30px 0; } #content > hr:first-of-type { margin: 0 0 32px 0; } #content > h2, #content > h3, #content > h4, #content .post > h2, #content .post > h3, #content .post > h4 { padding-top: 5px; } #content > h2:first-of-type { padding-top: 0; } #content > img, #content p img, #content div > img { border: 0; margin-top: 3px; margin-bottom: 15px; max-width: 100%; height: auto; } #content .slides img { border: 0; } h1 .icon { vertical-align: middle; } p img { vertical-align: middle; } #content p { line-height: 1.5; padding-bottom: 20px; } #content address, #content dl, #content dd { line-height: 1.5; padding-bottom: 20px; } #content p.smaller-padding { padding-bottom: 8px; } .smaller-margin { margin-bottom: 5px; } #content ul, #content ol { padding-bottom: 20px; padding-left: 20px; font-size: 1em; line-height: 1.5; } #content ul ul, #content ol ol { padding-bottom: 5px; } .circle { font-size: 1.2em; color: white; background: #2DAB8B; width: 40px; height: 30px; padding: 10px 0 0 0; vertical-align: middle; float: left; margin: -10px 15px 10px 0; } #content pre { font-family: "Courier New"; color: #1f1f1f; padding-bottom: 12px; } .breadcrumbs { float: right; color: #919191; margin-top: -2px; } .breadcrumbs span, .breadcrumbs a { font-weight: 300; } .breadcrumbs span.sep { padding: 0 15px; color: #bababa; font-size: 0.85em; font-weight: bold; } .breadcrumbs span.trail-browse { display: none; } #content article.post { padding-bottom: 10px; margin-bottom: 25px; border-bottom: 1px dotted #c7c7c7; } .post-format-gallery #content article.post { border: 0; padding-bottom: 0; } #content .entry-content, #content .entry-summary { float: right; width: 75%; } #content .entry-byline { float: left; width: 23%; margin-top: -2px; } #content article { clear: both; margin: 0 0 40px 0; width: 100%; } #content article h1 { float: none; font-size: 1.6em; margin: 5px 0 10px 0; } #content article h1 a { font-weight: 400; } #content article img { max-width: 100%; } #content article iframe { width: 100%; } #content .post-thumb { margin: 0 0 20px 0; width: 100%; overflow: hidden; position: relative; background: #f4f4f4; text-align: center; } #content .post-thumb img { max-width: 100%; height: auto; margin: 0 0 -4px 0; } #content .post-thumb .cycle { min-height: 450px; } #content .post-image { margin: 0 0 20px 0; } #content .entry-footer { margin: 0; clear: both; font-size: 0.9em; } #content .entry-meta p.left { padding-top: 6px; } #content .entry-byline ul { list-style: none; padding: 10px 0 10px 0; font-size: 0.85em; font-weight: 400; } #content .entry-byline ul li { padding: 0 15px 5px 0; display: block; text-align: right; } #content .entry-byline ul li p { display: table; float: right; width: 75%; } #content .entry-byline ul strong i { padding: 3px 5px 5px 10px; float: right; } .tagcloud, ul.post-categories { list-style: none; display: block; margin-bottom: 15px; padding: 0 !important; } .tagcloud a, ul.post-categories li a { display: block; padding: 6px 13px 6px 13px; text-align: center; font-size: 0.9em !important; cursor: pointer; background: #eee; border: 1px solid #CECECE; font-weight: 400; } ul.post-categories li { display: inline-block; margin: 0 4px 5px 0; padding: 0 !important; } .tagcloud a { display: inline-block; margin: 0 2px 5px 0; } .tagcloud a:hover, ul.post-categories li a:hover { color: #1f1f1f; background: #E8E8E8; } .loop-pagination span.current, .woocommerce-pagination span.current { display: inline-block; margin: 0 2px 5px 0; padding: 6px 13px 6px 13px; text-align: center; font-size: 0.9em; color: #fff; background: #2DAB8B; border: 1px solid #2DAB8B; font-weight: 400; } .loop-pagination a, .woocommerce-pagination a { display: inline-block; margin: 0 2px 5px 0; padding: 6px 13px 6px 13px; text-align: center; font-size: 0.9em; background: #eee; border: 1px solid #CECECE; font-weight: 400; } .woocommerce-pagination ul { padding: 0 !important; } .woocommerce-pagination li { display: inline; } .loop-description { text-align: center; background: #f5f5f5; border: 1px dotted #c7c7c7; padding: 20px 0 10px; margin: 0 0 45px 0; font-size: 1.2em; font-weight: 300; } .loop-description:after { content: ""; display: block; clear: both; } .sticky { position: relative; } .sticky .post-thumb:after { content: '\f0ee'; font-family: FontAwesome; font-size: 1.5em; color: #fff; position: absolute; left: 15px; top: 12px; opacity: 1; } .wp-caption { position: relative; } .wp-caption-text { position: relative; } .bypostauthor { position: relative; } #content iframe, #content embed { max-width: 100%; } /* === All whistles (tabs, accordion, toggle). === */ .whistles {} .whistle-title { display: block; cursor: pointer; color: #0090EC; } .whistle-title:hover { color: #474747; } .whistle-content { clear: both; } .whistles-tabs {} .whistles-tabs-nav, ul.tabs { display: block; float: left; margin-bottom: 15px; border-bottom: 1px solid #CECECE; padding: 0 !important; } .whistles-tabs-nav li, ul.tabs li { display: block; float: left; margin: 0 6px 0 0; padding: 0 !important; } .whistles-tabs-nav .whistle-title {} .whistles-tabs-nav li a, ul.tabs li a { display: block; padding: 6px 18px 4px 18px; text-align: center; font-size: 0.9em; cursor: pointer; background: #eee; border: 1px solid #CECECE; border-bottom: 1px solid #eee; font-weight: 400; position: relative; top: 1px; white-space: nowrap; } .whistles-tabs-nav li[aria-selected="true"] a, .whistles-tabs-nav li[aria-selected="true"] a:hover, ul.tabs li.active a:hover, ul.tabs li.active a { color: #1f1f1f; background: #fff; border-bottom: 2px solid #fff; border-top: 1px solid #2DAB8B; } .whistles-tabs-nav li a:hover, ul.tabs li a:hover { color: #1f1f1f; background: #E8E8E8; border-bottom-color: #E8E8E8; } .whistles-tabs-wrap {} .whistles-tabs-wrap .whistle-content {} .whistles-toggle {} .whistles-toggle .whistle-title { display: block; padding: 8px 4px 6px 7px; margin: 0 0 10px 0 !important; background: #eee; border: 1px solid #CECECE; font-weight: 400; font-size: 1.0em; } .whistles-toggle .whistle-title:hover { background: #E8E8E8; } .whistles-toggle .whistle-title:before { content: '+'; font-weight: 300; font-size: 1.4em; color: white; position: relative; display: inline-block; width: 20px; height: 20px; line-height: 19px; vertical-align: middle; margin: -2px 15px 0 0; text-align: center; background: #474747; } .whistles-toggle .whistle-title[aria-selected="true"]:before { background: #0090EC; content: '-'; } .whistles-toggle .whistle-title[aria-selected="true"] { background: #E8E8E8; } .whistles-toggle .whistle-content {} .whistles-accordion {} .whistles-accordion .whistle-title { display: block; border-top: 1px dotted #CECECE; padding: 12px 0 0 0; margin: 0 0 10px 0 !important; } .whistles-accordion .whistle-title:first-child { border: 0; padding-top: 0; } .whistles-accordion .whistle-title:before { content: '+'; font-weight: 300; font-size: 1.4em; color: white; position: relative; display: inline-block; width: 21px; height: 21px; line-height: 20px; vertical-align: middle; margin: -2px 12px 0 0; text-align: center; background: #474747; } .whistles-accordion .whistle-title[aria-selected="true"]:before { background: #0090EC; content: '-'; } .whistles-accordion .whistle-content {} /* 9. SIDEBAR ______________________________________ */ .widget { clear: both; position: relative; margin: 5px 0 35px 0; font-size: 0.95em; } .widget ul { list-style: none; padding: 0 0 10px 0; } .widget ul li { display: block; padding: 7px 0; border-bottom: 1px dotted #d7d7d7; } .widget ul li:after { content: ""; display: block; clear: both; } .widget ul li a { display: inline-block; padding-right: 10px; } .widget ul li:first-child a { padding-top: 0; } .widget ul li.cat-item, .widget.widget_archive ul li { text-align: right; } .widget ul li.cat-item a, .widget.widget_archive ul li a { text-align: left; float: left; } .widget ul#recentcomments li { padding: 7px 0 7px 20px; } .widget ul#recentcomments li:before { content: '\f075'; font-family: FontAwesome; font-size: 1em; position: absolute; left: 0; padding-top: 2px; } .widget li h4 { margin-bottom: 0; } .widget a { font-weight: 400; -webkit-transition: color .4s linear; -moz-transition: color .4s linear; -ms-transition: color .4s linear; -o-transition: color .4s linear; transition: color .4s linear; } .widget p { padding: 0 0 10px 0; font-size: 0.95em; } .widget > p:last-child, .widget > ul:last-child { padding-bottom: 0; } .widget .post-date, .widget .entry-meta { font-size: 0.9em; display: block; padding: 3px 0; } .widget table { width: 100%; } .widget table caption { background: #d7d7d7; padding: 3px 0; } .widget table thead, .widget table tfoot td { padding: 5px 0; } .widget table th { border: 1px solid #d7d7d7; padding: 3px; background: #f4f4f4; } .widget table tbody td { border: 1px solid #d7d7d7; padding: 3px; } .widget table tbody td#today { background: #f4f4f4; } .widget img { max-width: 100%; height: auto; float: left; margin: 3px 10px 3px 0; } .widget select { max-width: 100%; } /* 10. GALLERY, PORTFOLIO ______________________________________ */ .gallery { clear: both; width: 103.4%; } .gallery-item { margin-bottom: 25px; min-height: 200px; } .gallery-item img { width: 100%; height: auto; margin-top: 0 !important; -webkit-transition: all .2s ease; -moz-transition: all .2s ease; -ms-transition: all .2s ease; -o-transition: all .2s ease; transition: all .2s ease; } .gallery-icon a { display: block; position: relative; } .gallery-icon a:hover { background: #2dab8b; -webkit-transition: all .2s ease; -moz-transition: all .2s ease; -ms-transition: all .2s ease; -o-transition: all .2s ease; transition: all .2s ease; } .gallery-icon a:hover img { } .gallery-icon a:after { content: "+"; position: absolute; display: block; opacity: 0; font-size: 2.5em; font-weight: 700; color: #A5A5A5; width: 40px; height: 40px; line-height: 40px; background: #fff; text-align: center; background: white; right: -20px; top: 0; border-radius: 20px; cursor: pointer; } .gallery-icon a:hover:after { opacity: 1; top: -20px; -webkit-transition: all .2s ease; -moz-transition: all .2s ease; -ms-transition: all .2s ease; -o-transition: all .2s ease; transition: all .2s ease; } .gallery-item, .gallery-columns-4 .gallery-item, .gallery-item.col-4 { float: left; width: 22%; padding: 0 2.9% 0 0; } .gallery-columns-3 .gallery-item, .gallery-item.col-3 { float: left; width: 30.3%; padding: 0 3% 0 0; } .gallery-columns-2 .gallery-item, .gallery-item.col-2 { float: left; width: 47%; padding: 0 3% 0 0; } .gallery-caption { font-weight: 300; text-align: left; height: 85px; overflow: hidden; } .gallery-caption strong { display: block; font-size: 1.15em; line-height: 1.3; font-weight: 700; color: #1f1f1f; margin: 18px 0 8px 0; } .gallery-caption span { font-size: 0.9em; font-weight: 300; } #menu-portfolio-items { float: right; margin: -6px 0 0 0; } .portfolio-pagination { display: none !important; list-style: none; position: relative; padding: 0 !important; } .layout-1c .portfolio-pagination { display: block !important; } .portfolio-pagination li { position: absolute; z-index: 20; } .portfolio-pagination li a { font-size: 0.8em; font-weight: 300; display: block; width: 100px; color: #474747; } .portfolio-pagination li.prev1 a { float: left; position: relative; bottom: 20px; left: 40px; } .portfolio-pagination li.next1 a { float: right; position: relative; bottom: 20px; right: 30px; } #first-gallery-format { width: 75%; float: left; margin: 0 3% 30px 0; position: relative; } #first-gallery-format .gallery { width: 100%; } #first-gallery-format .gallery-item { position: relative; width: 100%; float: none !important; padding: 0 !important; } #first-gallery-format .gallery-caption { position: absolute; right: 15px; bottom: 30px; text-align: right; opacity: 0; height: auto; overflow: none; } #first-gallery-format .gallery-item:hover .gallery-caption { opacity: 1; -webkit-transition: opacity .2s ease; -moz-transition: opacity .2s ease; -ms-transition: opacity .2s ease; -o-transition: opacity .2s ease; transition: opacity .2s ease; } #first-gallery-format .gallery-caption strong { display: inline-block; background: white; margin-bottom: 5px; padding: 0 5px; line-height: 1.8; } #first-gallery-format .gallery-caption span { display: block; background: white; padding: 0 5px; line-height: 1.8; } #first-gallery-format .prev2, #first-gallery-format .next2 { position: absolute; right: 0; top: 0; z-index: 99; } #first-gallery-format .prev2 { right: 32px; } #first-gallery-format .gallery .gallery-icon a:after { display: none; } .post-format-gallery #content ul { display: table; } #latest-projects { clear: both; margin: 0 0 40px 0; position: relative; z-index: 9; } .home .gallery { position: relative; overflow: hidden; height: 300px; width: 100%; z-index: 9; } .home .gallery .gallery-wrap { width: 10000px; position: absolute; margin: 15px 0 0 0; } .home .gallery .gallery-item { display: block; float: left; width: 264px; height: 300px; margin-right: 35px; padding: 0; } .home .gallery .gallery-icon img { width: 100%; height: auto; max-height: 170px; margin: 0; } .home .gallery .gallery-icon a { display: block; position: relative; } .home .gallery .gallery-icon a:hover { background: #2dab8b; -webkit-transition: all .2s ease; -moz-transition: all .2s ease; -ms-transition: all .2s ease; -o-transition: all .2s ease; transition: all .2s ease; } .home .gallery .gallery-icon a:hover img { opacity: 0.9; } .home .gallery .gallery-icon a:after { content: "+"; position: absolute; display: block; opacity: 0; font-size: 2.5em; font-weight: 700; color: #A5A5A5; width: 40px; height: 40px; line-height: 40px; background: #fff; text-align: center; background: rgba(255,255,255,0.9); left: 42%; top: 0%; border-radius: 20px; cursor: pointer; } .home .gallery .gallery-icon a:hover:after { opacity: 1; top: 40%; -webkit-transition: all .2s ease; -moz-transition: all .2s ease; -ms-transition: all .2s ease; -o-transition: all .2s ease; transition: all .2s ease; } .home .gallery .gallery-caption strong { margin: 18px 0 8px 0; } .home .gallery .gallery-caption span { font-weight: 400; color: #aaa; display: block; line-height: 1.6; font-size: 1em; } #latest-projects .prev1, #latest-projects .next1 { top: 31%; } /* 11. SHOP ______________________________________ */ #content #shop h1.page-title, #content #shop h1.product_title { float: left; margin: -12px 0 30px 0; padding-right: 20px; } .woocommerce-result-count { display: inline-block; } .woocommerce-ordering { float: right; } #content #shop .products { list-style: none; width: 103%; padding: 0; clear: both; } .products:after { content: ""; display: block; clear: both; } .products li.product { float: left; width: 22.4%; margin: 3px 2% 18px 0; padding: 0 0 18px 0; position: relative; border: 1px solid #cecece; border-bottom-color: #a9a9a9; text-align: center; background: #f3f3f3; } .products li.product:nth-child(4n+1) { clear: both; } .products li.product img { width: 100%; height: auto; margin-bottom: 10px; } .products li.product a { color: #1B1B1B; display: block; text-decoration: none; } .products li.product a.button { color: white; display: block; text-decoration: none; padding: 0; position: absolute; top: 28%; left: 0; right: 0; margin: 0 auto; opacity: 0; text-align: center; -webkit-transition: opacity 0.2s ease-in-out; -moz-transition: opacity 0.2s ease-in-out; -o-transition: opacity 0.2s ease-in-out; transition: opacity 0.2s ease-in-out; } .products li.product:hover a.button { opacity: 1; } .related.products li.product { width: 17.65%; } .products li.product:nth-child(4n+1) { clear: none; } .product .onsale { position: absolute; width: 58px; height: 58px; border-radius: 29px; color: white; text-align: center; line-height: 58px; text-decoration: none; background: #BF3D3F; top: -12px; left: -15px; border: 1px solid white; } .products li.product a.button.add_to_cart_button { width: 30px; height: 25px; padding: 0 5px 12px 5px; overflow: hidden; } .products li.product a.button.add_to_cart_button:before { font-family: FontAwesome; font-weight: normal; content: "\f07a"; color: white; padding: 0 30px 10px 8px; } .product { position: relative; } .product .images { width: 33%; float: left; margin: 0 20px 20px 0; } .product .images img { width: 100%; height: auto; border: 1px solid #ccc; } .product .images .thumbnails img { width: 70px; } #content #shop .entry-summary { width: 64%; float: right !important; } #content #shop .product h1 { margin: -5px 0 10px; } #content #shop .product h3 { margin-bottom: 10px; } .woocommerce-review-link { float: right; } .product .entry-summary .price { clear: both; font-size: 1.2em; } .product .price .amount { font-size: 1.2em; color: #0090EC; padding: 0 3px; } .product .price ins { text-decoration: none; font-weight: bold; } .product .price del .amount { font-size: 0.95em; color: #C94A2A; } .product .cart { background: #f8f8f8; border: 1px solid #ccc; padding: 10px 15px 3px 15px; margin: 0 0 20px 0; } .product .cart:after { content: ""; display: block; clear: both; } .product .cart .quantity { display: inline-block; margin-top: -5px; } .product .cart button { float: right; padding: 0 15px; line-height: 32px; margin: -2px -5px 0 0; } input.plus, input.minus { background: none !important; border: 0 !important; font-size: 2em; color: #95B83F; padding: 0 10px; box-shadow: none !important; -webkit-appearance: none; outline: none; } input.minus { padding-left: 0; } input.plus:hover, input.minus:hover { color: #2E62CF; } .product .cart.variations_form .price { float: left; margin: 3px 15px 0 -4px; } .product .cart.variations_form table { margin: 0 0 10px 0; } .product_meta { font-size: 0.9em; } .product_meta a { background: none !important; padding: 0 !important; border: 0 !important; } .woocommerce.widget { margin-bottom: 25px !important; padding-bottom: 20px; } .woocommerce.widget:first-child { background: #eee; padding: 8px 10px; margin-top: 0; margin-bottom: 40px !important; } .woocommerce.widget:first-child li { padding: 0; border: 0; } .woocommerce.widget .price_label { float: right; background: #f8f8f8; border: 1px solid #ccc; padding: 3px 5px; margin: 5px 0 0 0; } .woocommerce.widget ul { padding: 0 !important; list-style: none; } .woocommerce.widget > ul li:after { content: ""; display: block; clear: both; } .woocommerce.widget > ul li:last-child { border: 0; } .woocommerce.widget ul:after { content: ""; display: block; clear: both; } .widget ul.product_list_widget li { display: block; clear: both; line-height: 1.8; } .widget ul.product_list_widget li a { display: block; } .widget ul.product_list_widget img { float: left; width: 70px; height: auto; border: 1px solid #ccc; margin: 1px 15px 5px 0; clear: both; } .widget ul.product_list_widget .amount { display: block; font-size: 1.0em; color: #111; font-weight: bold; } .widget ul.product_list_widget.cart_list .amount { display: inline; font-weight: normal; } .cart_list .total .amount { float: right; font-size: 1.1em; color: #111; } .widget ul.product_list_widget ins { text-decoration: none; } .widget ul.product_list_widget ins .amount { display: inline; font-weight: bold; } .widget ul.product_list_widget del { display: inline-block; padding: 0 5px 0 0; } .widget ul.product_list_widget del .amount { font-size: 0.95em; color: #C94A2A; font-weight: normal; } .widget ul.product_list_widget .variation { display: none; } .woocommerce.widget .total { background: #f8f8f8; border: 1px solid #ccc; padding: 3px 5px !important; margin: 0 0 10px 0; width: 90%; } .woocommerce.widget a.button { font-weight: bold; font-size: 1.1em; } .woocommerce.widget a.button:after { display: none; } .woocommerce.widget .star-rating { float: none; margin: 3px 0 3px 0; } .woocommerce-message { padding: 17px 7px 5px 15px !important; border: 1px solid #E2D64C; background: #F3F3AC; margin-bottom: 20px; position: relative; font-size: 0.95em; border-radius: 4px; color: #A39634; line-height: 1; } .woocommerce-message .button { float: right; margin-top: -10px; line-height: 20px; } .woocommerce-message:after { content: ""; display: block; clear: both; } .woocommerce-info { padding: 7px 7px 5px 15px !important; border: 1px solid #E2D64C; background: #F3F3AC; position: relative; font-size: 0.95em; border-radius: 4px; color: #A39634; margin: 0 0 20px 0; } .woocommerce-info a { float: right; } .woocommerce-info:after { content: ""; display: block; clear: both; } .woocommerce-tabs { clear: both; float: left; width: 80%; margin: 30px 0 0 0; } #content #shop .woocommerce-tabs .entry-content { width: 100%; margin-bottom: 40px; clear: both; } #review_form_wrapper { margin: 25px 0 0 0; } #review_form_wrapper form > p.comment-form-author { width: 48%; padding-right: 3%; float: left; } #review_form_wrapper form > p.comment-form-email { width: 48%; padding-right: 0; float: left; } #content #shop #comments {} #content #shop #comments ol { list-style: none; padding: 0; } #content #shop #comments ol li { background: #f7f7f7; border: 1px dotted #ccc; padding: 15px; margin: 0 0 10px 0; position: relative; clear: both; } #content #shop #comments ol li:after { content: ""; display: block; clear: both; } #content #shop #comments ol li img { float: left; border: 2px solid #ccc; margin: 0 15px 10px 0; } #content #shop #comments ol li .comment-text { float: left; width: 90%; } #content #shop #comments ol li .meta { display: inline-block; border-bottom: 1px dotted #ccc; font-size: 0.9em; padding-bottom: 5px; margin-bottom: 15px; } #content #shop .related.products { width: 100%; } body.woocommerce-cart #content, body.woocommerce-checkout #content { width: 100%; } body.woocommerce-cart #sidebar, body.woocommerce-checkout #sidebar { display: none; } #content .woocommerce table { width: 100%; } #content .woocommerce table th { text-align: left; padding: 5px 10px; border: 1px dotted #ccc; background: none; } #content .woocommerce table td { text-align: left; padding: 5px 10px; border: 1px dotted #ccc; vertical-align: middle; } #content .woocommerce table td img { width: 80px; height: auto; } #content .woocommerce dl dt { display: table-cell; padding: 0 10px 0 0; } #content.woocommerce dl dd { display: table-cell; padding: 0 20px 0 0; } #content .woocommerce a.remove { text-decoration: none; font-weight: bold; font-size: 1.5em; color: #C94A2A; } #content .woocommerce table.cart .coupon { width: 50%; float: left; } #content .woocommerce table.cart .coupon .input-text { width: 40%; height: 24px; float: left; margin: 3px 10px 10px 0; border: 1px solid #ccc; text-indent: 4px; } #content .woocommerce table.cart .button { padding: 0 15px; line-height: 30px; } #content .woocommerce table.cart .button:hover { border-left: 0 !important; } #content .woocommerce table.cart .actions > input.button { float: right; margin: 28px 0 0 10px; } .cart_totals { width: 40%; float: right; } #content .woocommerce .cart_totals table, #content .woocommerce table.shop_table { background: #f3f3f3; margin: 0 0 20px 0; } #content .woocommerce .cart_totals th { text-align: right; vertical-align: bottom; height: 28px; } #content .woocommerce .cart_totals td, #content .woocommerce .shop_table td, #content .woocommerce .shop_table th { text-align: left; vertical-align: middle; height: 28px; } #content .woocommerce .cart_totals tr.total .amount, #content .woocommerce .shop_table tr.total .amount { color: #111; font-size: 1.6em; position: relative; top: 1px; } .shipping_calculator { width: 36%; float: right; clear: both; background: #f3f3f3; border: 1px solid #ccc; padding: 15px 1.8% 0; } .shipping_calculator h2 a { font-size: 0.7em; font-weight: normal; } .shipping_calculator input { background: white; margin-bottom: 20px; border-color: #A9A9A9; } .shipping_calculator select { width: 101%; } .shipping_calculator .button { line-height: 20px; } #content p.form-row { padding-bottom: 5px; } .checkout_coupon input.input-text { width: 50%; } .checkout_coupon input.button { padding: 0 10px; line-height: 30px; } #content .checkout_coupon p.form-row { display: inline; } #payment ul { list-style: none; padding: 0 !important; } #payment label, label.checkbox { display: inline-block; } .checkout .col-1 { width: 45%; float: left; } .checkout .col-2 { width: 45%; float: right; } input#place_order { margin: 20px 0 0 0; } ul.products .product .star-rating { display: none; } .star-rating{float:right;overflow:hidden;position:relative;height:1em;line-height:1em;font-size:1em;width:5.4em;font-family:'FontAwesome'}.star-rating::before{content:"\f005\f005\f005\f005\f005";color:#dfdbdf;float:left;top:0;left:0;position:absolute}.star-rating span{color: #DFCB00;overflow:hidden;float:left;top:0;left:0;position:absolute;padding-top:1.5em}.star-rating span::before{content:"\f005\f005\f005\f005\f005";top:0;position:absolute;left:0}.woocommerce .woocommerce-product-rating,.woocommerce-page .woocommerce-product-rating{line-height:2em;display:block;float: right;}.woocommerce .woocommerce-product-rating .star-rating,.woocommerce-page .woocommerce-product-rating .star-rating{margin:.5em 4px 0 0;float:left;font-style: normal;}.woocommerce .products .star-rating,.woocommerce-page .products .star-rating{display:block;margin:0 0 .5em;float:none}.woocommerce .hreview-aggregate .star-rating,.woocommerce-page .hreview-aggregate .star-rating{margin:10px 0 0 0} p.stars{position:relative;height:1em;font-size:1em} p.stars a{display:inline-block;font-weight:700;margin-right:1em;text-indent:-9999px;position:relative} p.stars a:last-child{border-right:0} p.stars a.star-1, p.stars a.star-2, p.stars a.star-3, p.stars a.star-4, p.stars a.star-5, p.stars a.star-1, p.stars a.star-2, p.stars a.star-3, p.stars a.star-4, p.stars a.star-5{border-right:1px solid rgba(0,0,0,0.1)} p.stars a.star-1::after, p.stars a.star-2::after, p.stars a.star-3::after, p.stars a.star-4::after, p.stars a.star-5::after, p.stars a.star-1::after, p.stars a.star-2::after, p.stars a.star-3::after, p.stars a.star-4::after, p.stars a.star-5::after{font-family:"FontAwesome";text-indent:0;position:absolute;top:0;left:0;padding-right:1em;font-weight:normal;} p.stars a.star-1, p.stars a.star-1{width:2em} p.stars a.star-1::after, p.stars a.star-1::after{content:"\f006"} p.stars a.star-1:hover::after, p.stars a.star-1.active::after, p.stars a.star-1:hover::after, p.stars a.star-1.active::after{content:"\f005"} p.stars a.star-2, p.stars a.star-2{width:3em} p.stars a.star-2::after, p.stars a.star-2::after{content:"\f006\f006"} p.stars a.star-2:hover::after, p.stars a.star-2.active::after, p.stars a.star-2:hover::after, p.stars a.star-2.active::after{content:"\f005\f005"} p.stars a.star-3, p.stars a.star-3{width:4em} p.stars a.star-3::after, p.stars a.star-3::after{content:"\f006\f006\f006"} p.stars a.star-3:hover::after, p.stars a.star-3.active::after, p.stars a.star-3:hover::after, p.stars a.star-3.active::after{content:"\f005\f005\f005"} p.stars a.star-4, p.stars a.star-4{width:5em} p.stars a.star-4::after, p.stars a.star-4::after{content:"\f006\f006\f006\f006"} p.stars a.star-4:hover::after, p.stars a.star-4.active::after, p.stars a.star-4:hover::after, p.stars a.star-4.active::after{content:"\f005\f005\f005\f005"} p.stars a.star-5, p.stars a.star-5{width:6em;border:0} p.stars a.star-5::after, p.stars a.star-5::after{content:"\f006\f006\f006\f006\f006"} p.stars a.star-5:hover::after, p.stars a.star-5.active::after, p.stars a.star-5:hover::after, p.stars a.star-5.active::after{content:"\f005\f005\f005\f005\f005"} .widget .star-rating { float: none; margin: 3px 0;} /* 12. FOOTER ______________________________________ */ footer { clear: both; } #footer { clear: both; padding: 0 0 15px 0; background: #0090EC; color: white; font-weight: 300; margin-top: 40px; } #footer .widget { width: 45%; margin: 0 2.32% 0 0; padding: 28px 3% 0 0; float: left; clear: none; font-size: 0.95em; } #footer #widgets-area .widget:last-child, #footer #widgets-area .widget:nth-child(4n) { margin-right: 0; padding-right: 0; } #footer .widget ul { list-style: none; padding: 0; } #footer .widget ul li { min-height: 45px; padding: 5px 0 8px 0; margin: 0 0 5px 0; border-bottom: 1px solid rgba(255,255,255,0.1); text-align: left; } #footer .widget ul li:last-child { border-bottom: 0; } #footer .widget p { padding: 12px 0 0 0; } #footer .widget img { max-width: 300px; height: auto; } #footer .widget h3 { color: white; opacity: 1; margin: 0 0 5px 0; font-size: 1.6em; } #footer .widget h4 { margin: 0 0 3px 0; font-weight: bold; } #footer .widget h2 a, #footer .widget h3 a, #footer .widget h4 a { font-weight: bold; } #footer .widget ul li p, #footer .widget form { padding: 0; margin: 0; } #footer .widget ul li i { width: 15px; height: 15px; padding: 10px; text-align: center; background: #6EC0F6; color: white; display: block; float: left; margin: 0 15px 10px 0; font-size: 1.1em; } #footer .widget ul li a { padding: 0; display: block; float: none; font-weight: bold; } #footer .button, #footer input[type=submit], #footer input[type=button], #wrapperbox #footer button, #footer .term-cloud a { background-color: #6EC0F6; font-size: 1.1em; font-weight: bold; } #footer input[type=text], #footer input[type=email], #footer input[type=tel], #footer input[type=password], #footer textarea { border: 0; } #footer a { color: white; } #footer a:not(.button):hover { color: #6EC0F6; -webkit-transition: color .2s linear; -moz-transition: color .2s linear; -ms-transition: color .2s linear; -o-transition: color .2s linear; transition: color .2s linear; } #footer .term-cloud a:hover { color: white !important; } #footer hr { opacity: 0.1; margin: 20px 0; } #footer ul.footermenu { list-style: none; float: right; } #footer ul.footermenu li { display: block; float: left; padding: 0 0 0 30px; } #footer .widget.widget_recent_entries .post-thumb { display: none; } #footer .widget.widget_recent_entries li a { width: 100%; } #footer .widget.widget_recent_entries li a:before { content: "\f15c"; font-family: "FontAwesome"; width: 15px; height: 15px; padding: 10px; text-align: center; background: #6EC0F6; color: white; display: block; float: left; margin: 0 15px 10px 0; font-size: 1.1em; } #footer .widget .archives li, #footer .widget .categories li { min-height: 45px; } #footer .widget .archives li a, #footer .widget .categories li a { font-weight: bold; display: block; } #footer .widget .archives li:before, #footer .widget .categories li:before { content: "\f07b"; font-family: "FontAwesome"; width: 15px; height: 15px; padding: 10px; text-align: center; background: #6EC0F6; color: white; display: block; float: left; margin: 0 15px 10px 0; font-size: 1.1em; } #footer .widget ul#recentcomments li a:last-child { font-weight: bold; display: block !important;} #footer .widget ul#recentcomments li:before { width: 15px; height: 15px; padding: 10px; text-align: center; background: #6EC0F6; color: white; display: block; float: left; margin: 0 15px 10px 0; font-size: 1.1em; position: relative; } #footer .widget table caption { background: rgba(255,255,255,0.1);} #footer .widget table th { border: 1px solid rgba(255,255,255,0.1); background: rgba(255,255,255,0.1); } #footer .widget table tbody td { border: 1px solid rgba(255,255,255,0.1); } #footer .widget table tbody td#today { background: rgba(255,255,255,0.1); } #footer .widget.woocommerce ul li > a:first-child { font-weight: bold; display: block; margin: -3px 0 0 0; } #footer .widget .amount { display: none !important; } /* 13. OTHER ______________________________________ */ .google-map-placeholder { position: relative; width: 100%; margin: 0 0 35px 0; border: 0 !important; } .wpcf7-form p:nth-of-type(1) { width: 48%; padding-right: 3%; float: left; } .wpcf7-form p:nth-of-type(2) { width: 48%; float: left; } #content .input-block { padding-bottom: 15px; } #contactform #verify { margin: 5px 0 0 0; } #message h1 { display: block; float: none; margin: 20px 0 10px 0; padding: 0 0 10px 0; border-bottom: 1px dotted #ccc; } #commentform .form-author, #commentform .form-email { width: 31.3%; float: left; padding-right: 3%; } #commentform .form-url { width: 30%; float: left;} #commentform .form-textarea { clear: both; } #content ol.comment-list { list-style: none; padding: 0 0 20px 0; } #content ol.comment-list li { border-bottom: 1px dotted #c7c7c7; padding: 10px 0; margin: 0 0 20px 0; } #content .comment article { margin: 0; } .comment-list .avatar { float: left; margin: 0 15px 10px 0; } .comment-meta { font-size: 0.85em; color: #747474; padding-bottom: 10px; } .comment-meta span { padding-right: 10px; } .reply { display: inline; } .comment-reply-link { float: right; background: white; padding: 0 0 0 10px; } .comment-author, .comment-metadata { display: inline; padding-right: 15px; } .edit-link { padding-left: 20px; } /* 14. RESPONSIVE MAGIC ______________________________________ */ @media screen and (max-width: 1190px) { .site {min-width: 800px;} #wrapperbox { width: 849px; } nav#mainmenu { width: 101.3%; } nav#mainmenu ul li a { padding: 15px 30px 0 30px; } .greybox { width: 95%; } #after-content-widgets .widget.widget_testimonials_widget .quote img { width: 50px; } #after-content-widgets .widget.widget_testimonials_widget .quote .author { left: 50px; min-width: 181px; width: 181px; } .widget .carousel7 ul li { width: 140px; } } .tile { padding: 15px; margin: 2px; height: 100px; border: 1px white solid; border-top: 5px white solid; border-radius: 5px; font-family: Verdana; font-size: 12pt; text-align: center; color: white; display: inline-table; background-color: #345d3a; } .tile:hover { cursor: pointer; background-color: #10861a; } .slide-back { height: 100%; width: auto; margin-left: auto; margin-right: auto; display: table; } img.slide-back { width: auto!important; } .slide-text { right: 8%!important; } .page_list li{ display: inline-block; } a.page { color: black; } a.page.active { color: #c43c34; } #appeal_submit, #appeal_submit:hover, #appeal_submit:focus { width: 130px!important; color: white!important; } #content > h1:first-child { color:black!important; font-weight: bold; } .entry-content { width: 100%!important; } .entry-byline, .entry-content h1 { display: none; } #content article.post { border: 0px; } #address-block { font-size: 1.5em; } #cr_version_link { position: fixed; top: 1px; right: 5px; } .carousel-vert4 ul li img { width: 70px; } #footer #widgets-area .widget:last-child, #footer #widgets-area .widget { width: 100%!important; } .row { width: 100%!important; margin-top: 10px; height: 100px!important; } .row img { height: 135px!important; }