/* Theme Name: Will Theme URI: http://lizatom.com/wordpress-themes/will/ Author: Lizatom.com Author URI: http://lizatom.com Description: Premium WordPress theme. Version: 1.0.0 Text Domain: lizatomwill */ @import url('https://42181d.claudeassets.com/20240730162045cs_/https://www.embroiderybydenise.com/wp-content/themes/will/css/reset.css'); @import url('https://09cd9c.claudeassets.com/20240730162045cs_/https://www.embroiderybydenise.com/wp-content/themes/will/css/jquery.fancybox.css'); @import url('https://44c63a.claudeassets.com/20240730162045cs_/https://www.embroiderybydenise.com/wp-content/themes/will/css/icons.css'); /* ======================================================================== */ /* General General /* ======================================================================== */ * { margin: 0; padding: 0; outline: none; } body { line-height: 26px; font-family: 'Open Sans',Arial,sans-serif; font-size: 16px; font-weight: lighter; color: #878787; background: #F6F6F6 url(https://83264f.claudeassets.com/20240730162045im_/https://www.embroiderybydenise.com/wp-content/themes/will/images/bg.png) repeat; } iframe, img, video, audio { display: block; } embed, object, video { max-width: 100%; } video { width: 100%; height: auto; } .clear { clear: both; display: block; height: 0; overflow: hidden; visibility: hidden; width: 0; } /* Links Links /* ---------------------------------------------------------------------- */ a, a > * { text-decoration: none; } a, a > *, .button { -webkit-transition: color 0.2s ease, background-color 0.2s ease, border 0.2s ease, opacity 0.2s ease-in-out; -moz-transition: color 0.2s ease, background-color 0.2s ease, border 0.2s ease, opacity 0.2s ease-in-out; -ms-transition: color 0.2s ease, background-color 0.2s ease, border 0.2s ease, opacity 0.2s ease-in-out; -o-transition: color 0.2s ease, background-color 0.2s ease, border 0.2s ease, opacity 0.2s ease-in-out; transition: color 0.2s ease, background-color 0.2s ease, border 0.2s ease, opacity 0.2s ease-in-out; } a:hover, a > * { color: #383838; } /* Typography Typography /* ---------------------------------------------------------------------- */ h1, h2, h3, h4, h5, h6, #menu-top-menu { color: #494949; font-weight: normal; } h1, h2, h3, h4, h5, h6 { margin-bottom: 15px; } h1#super-title { padding: 25px 0; border-bottom: 1px solid #e5e5e5; } h1.title, #page-header h1 { padding: 25px 0; font-size: 30px; line-height: 34px; color:blue; border-bottom: 1px solid #e5e5e5; } h1 { font-size: 30px; line-height: 34px; } h2 { font-size: 24px; line-height: 24px; } h3 { font-size: 22px; line-height: 22px; } h4 { font-size: 18px; line-height: 20px; } h5 { font-size: 16px; line-height: 19px; } h6 { font-size: 14px; line-height: 18px; } p { margin-bottom: 20px; } ul { list-style: none; } ul.bullet { list-style-type: square; } li.bullet { list-style-type: square; } caption, .caption { color: #999; font-size: 11px; font-style: italic; } hr { background-color: #e5e5e5; color: #e5e5e5; border: none; height: 1px; clear: both; margin: 40px 0; } .intro { font-weight: 600; font-size: 13px; } pre, code { font-family: 'Courier New', Courier, monospace; color: #888; } pre { background-color: #fff; border-left: 2px solid #d9d9d9; padding: 10px; margin-bottom: 20px; white-space: pre-wrap; word-wrap: break-word; } blockquote { margin-bottom: 20px; } /*service icons*/ .services [class^="icon-"]::before, .services [class*=" icon-"]::before { font-size: 33px; margin-top: 10px; margin-bottom: 10px; } /* ======================================================================== */ /* Layout Layout /* ======================================================================== */ #wrap { position: relative; width: 1280px; max-width: 100%; padding: 0px 0px 0 0px; margin: 80px auto 80px auto; background-color: #fff; box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.1); -webkit-box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.1); } .white-card { display: block; width: 1280px; height: auto; background: #fff; margin: 0 auto; } #content { display: block; /*box-shadow: 0 0 8px rgba(0,0,0,0.24);*/ } .container { display: block; width: 1160px; margin: 0 auto; padding: 0 60px; } .container-full { display: block; width: 1280px; margin: 0 auto; padding: 0 0px; } section, #page-header, #sidebar { margin-bottom: 40px; } #header-top { margin-bottom: 0px; margin-top: 0px; padding: 10px 0 30px 0; } /* header */ hgroup { padding: 0px 0 0px 0; } hgroup.one-fourth { } .site-title { font-size: 32px; margin-right: 15px; margin-bottom: 0; text-align: center; } .site-title a { } .site-description { margin-top: 0; margin-bottom: 0; font-size: 14px; font-style: italic; text-align: center; } #header-social { position: absolute; display: block; width: auto; top: -55px; right: 0px; text-align: right; min-width: 360px; font-weight:800; font-size:14px; color:#fff; } #header-social { color: #3C3C3C; text-shadow: 1px 0 0 #E1E1E1; } #header-social a i { float: right; width: 30px; height: 30px; background-color: #BDBEBF; color: #fff; margin-left: 5px; padding: 0 0 0 0; -moz-border-radius: 9px; -webkit-border-radius: 9px; opacity: 0.6; font-size: 16px; line-height: 30px; border-radius: 50% 50%; text-align: center; box-shadow: 0 0 15px rgba(0, 0, 0, 0.4) inset; text-shadow: none; } #header-social a:hover i { opacity: 1.0; } a#site-logo { display: block; width: auto; margin: 0 0; } a#site-logo img { display: block; margin: 0 0; } /* Columns Columns /* ---------------------------------------------------------------------- */ .row .one-half, .row .one-third, .row .one-fourth, .row .two-thirds, .row .three-fourths { float: left; margin-left: 5%; } .row .one-half:first-child, .row .one-third:first-child, .row .one-fourth:first-child, .row .two-thirds:first-child, .row .three-fourths:first-child, .row div:first-child, #main { margin-left: 0% !important; } aside#sidebar { margin-right: 0px; } .one-half, .one-third, .one-fourth, .two-thirds, .three-fourths { display: inline; float: left; margin-left: 5%; } .one-half { width: 47.5%; } .one-third { width: 30%; } .one-fourth { width: 21.25%; } .two-thirds { width: 65%; } .three-fourths { width: 73.75%; } .row .one-half, .row .one-third, .row .one-fourth, .row .one-fifth { margin-right: 0px !important; } /* Main navigation Main navigation /* ---------------------------------------------------------------------- */ #topnav { float: left; height: 20px; position: relative; top: -1px; left: -1px; } #main-nav { position: relative; width: 100%; height: auto; padding: 0; } #main-nav ul { float: right; margin-right: 20px; } #menu-top-menu { font-size: 15px; padding: 0 20px; } #nav-toggle { float: right; display: none; visibility: hidden; font-size: 15px; } #nav-toggle a { } /*toggle arrow*/ #nav-toggle a span { background: transparent url(https://bc60c2.claudeassets.com/20240730162045im_/https://www.embroiderybydenise.com/wp-content/themes/will/images/nav-arrow.png) no-repeat; display: block; width: 17px; height: 11px; position: absolute; top: 30px; right: 30px; -moz-transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; } #nav-toggle.opened a span { -moz-transform: rotate(-180deg); -webkit-transform: rotate(-180deg); -o-transform: rotate(-180deg); transform: rotate(-180deg); } ul.dropdown, ul.dropdown li, ul.dropdown ul { list-style: none; margin: 0px 0 0 0; padding: 0; } ul.dropdown { position: relative; float: left; z-index: 9999; } ul.dropdown li { float: left; zoom: 1; } ul.dropdown li.hover, ul.dropdown li:hover { position: relative; z-index: 99999; } ul.dropdown ul { display: none; visibility: hidden; position: absolute; top: 100%; left: -1px; width: 100%; } ul.dropdown ul li { float: none; } ul.dropdown ul ul { top: 0; left: 100%; } ul.dropdown li:hover > ul { display: block; visibility: visible; } ul.dropdown li:hover > ul li:hover > ul { left: 100%; } ul.dropdown li:last-child ul, ul.dropdown li:last-child ul li:hover ul { left: auto; right: 0; } ul.dropdown li:last-child ul li:hover ul { right: 100%; } ul.dropdown li a { padding: 16px 14px 17px 13px; position: relative; z-index: 650; } ul.dropdown { margin-top: 0px; } ul.dropdown a:link, ul.dropdown a:visited { color: #525252; text-decoration: none; display: block; outline: 0; } ul.dropdown a:hover, ul.dropdown a:active { color: #ffffff; text-shadow: 0 0 10px #9f9db2; } ul.dropdown li { -webkit-transition: background 0.3s; -moz-transition: background 0.3s; -ms-transition: background 0.3s; -o-transition: background 0.3s; transition: background 0.3s; } ul.dropdown li:hover { color: #fff; } ul.dropdown > li:hover a:link, ul.dropdown > li:hover a:visited, ul.dropdown > li:hover a:hover, ul.dropdown > li:hover a:active { color: #ffffff; } ul.dropdown ul.sub-menu li a:link, ul.dropdown ul.sub-menu li a:visited { color: #525252; } ul.dropdown ul.sub-menu li a:hover, ul.dropdown ul.sub-menu li a:active { color: #fff; } ul.dropdown > li:hover a:hover, ul.dropdown > li:hover a:active { -moz-box-shadow: inset 0 0 10px rgba(0, 0, 0, 0.4); -webkit-box-shadow: inset 0 0 10px rgba(0, 0, 0, 0.4); box-shadow: inset 0 0 10px rgba(0, 0, 0, 0.4); } ul.dropdown ul { width: 220px; padding: 0 0 0 0; -moz-box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.1); -webkit-box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.1); box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.1); border: 1px solid #f1f1f1; border-top: none; } ul.dropdown ul li { text-transform: none; background: #ffffff; } ul.dropdown li ul { text-transform: none; background: #ffffff; } ul.dropdown ul li a { padding-top: 8px; padding-bottom: 7px; padding-left: 20px; } .dropdown ul.sub-menu { top: 59px; } ul.dropdown li.current_page_item, ul.dropdown li.current_page_item > a, ul.dropdown li.current_page_ancestor > a { color: #525252; text-shadow: 0 0 10px #9f9db2; font-weight: bold;} ul.dropdown ul.children { z-index: 999999; } ul.dropdown ul.children li a:link, ul.dropdown ul.children li a:visited { color: #525252; } ul.dropdown ul.children li a:hover, ul.dropdown ul.children li a:active { color: #ffffff; -moz-box-shadow: inset 0 0 10px rgba(0, 0, 0, 0.4); -webkit-box-shadow: inset 0 0 10px rgba(0, 0, 0, 0.4); box-shadow: inset 0 0 10px rgba(0, 0, 0, 0.4); } /* Forms Forms /* ---------------------------------------------------------------------- */ input, textarea, select { font-family: inherit; font-size: inherit; line-height: inherit; color: inherit; -webkit-appearance: none; } input[type="checkbox"] { -webkit-appearance: checkbox; } input[type="radio"] { -webkit-appearance: radio; } input { line-height: normal; } textarea { overflow: auto; } input[type="submit"] { width: auto; } ::-webkit-input-placeholder { color: #999; } :-moz-placeholder { color: #999; } ::-moz-focus-inner { padding: 0; border: none; } /* Theme Form & Lizatom widget form */ .theme-form p { margin-bottom: 10px; } .theme-form input, .theme-form textarea, .theme-form select, .lizatom-form-wrapper input, .lizatom-form-wrapper textarea, .lizatom-form-wrapper select { background-color: #f7f7f7; border: 1px solid #e5e5e5; padding: 6px 10px; border-radius: 0; } .theme-form input:hover, .theme-form textarea:hover, .theme-form select:hover { border-color: #d9d9d9; } .theme-form input:focus, .theme-form textarea:focus, .theme-form select:focus { border-color: #ccc; } .theme-form input { width: 96%; } .theme-form label, .theme-form input, .theme-form textarea, .theme-form select { margin-bottom: 5px; } .theme-form label { display: block; clear: both; } .theme-form .error { color: red; } .theme-form textarea, .theme-form select { width: 96%; height: 160px; } .theme-form input[type="file"] { padding: 0; border: none; } .contact-error { border: 1px solid #f5d0c4 !important; } .lizatom-form-wrapper label { vertical-align: top; width: 30%; display: inline-block; } .lizatom-form-wrapper .submit-button { width: 85%; } /* Comment Form */ #commentform p { margin-bottom: 10px; } #commentform input, #commentform textarea { background-color: #f7f7f7; border: 1px solid #e5e5e5; padding: 6px 10px; border-radius: 0; } #commentform input:hover, #commentform textarea:hover { border-color: #d9d9d9; } #commentform input:focus, #commentform textarea:focus { border-color: #ccc; } #commentform input { width: 50%; } #commentform label, #commentform input, #commentform textarea { margin-bottom: 5px; } #commentform label { display: block; clear: both; } #commentform textarea { width: 60%; height: 160px; } .required { color: red; } .form-submit #submit { width: auto; } #commentform .form-submit input { border: none; } #commentform .form-submit input:hover { } /* Content Content /* ---------------------------------------------------------------------- */ .sticky { } .entry-header { } h2.entry-title a { color: #494949; } .entry-meta { margin: 0 0 30px 0; border-top: 1px solid #eaeaea; border-bottom: 1px solid #eaeaea; color: #AAAAAA; font-family: Tahoma,Geneva,Arial,sans-serif; font-size: 10px; letter-spacing: 1px; margin-bottom: 20px; padding: 4px 1px 4px; text-transform: uppercase; } .entry-meta, .entry-meta a { color: #aaaaaa; } .entry-meta .title { } .entry-meta .title { } a.post-format-wrap, .entry-meta > span { display: inline; } .entry-meta > span { } .post-format { display: block; width: 100px; height: 100px; margin-bottom: 10px !important; background-repeat: no-repeat; background-position: center center; background-color: #bfbfbf; text-indent: -10000em; } .entry-content { overflow: hidden; } #main .hentry { border-top: 1px solid #e5e5e5; padding-top: 40px; } #main .hentry:first-child { border: none; padding: 0; } #main .hentry, #main .entry { margin-bottom: 20px; } .entry-image { position: relative; float: left; display: inline-block;padding: 5px; margin-bottom: 7px; } .post .entry-image { margin-right: 30px; width: 246px; height: 246px; } .entry-image > a { display: block; position: relative; } .entry-image, .entry-image img { max-width: 100%; height: auto; } .entry-title a { color: #383838; } /*overlay*/ .entry-image a .shadow-overlay { position: absolute; display: block; top: 0; left: 0; width: 100%; height: 100%; background: url(https://87ae77.claudeassets.com/20240730162045im_/https://www.embroiderybydenise.com/wp-content/themes/will/images/image-overlay.png) no-repeat top left; } .entry-image > a .overlay { opacity: 0; filter: alpha(opacity=0); z-index: 0; } .entry-image > a:hover .overlay { opacity: 1; filter: alpha(opacity=100); z-index: 1; } .overlay { display: block; background-color: rgba(0,0,0,0.3); background-repeat: no-repeat; background-position: center center; width: 100%; height: 100%; position: absolute; top: 0; left: 0; } .overlay span { position: absolute; text-align: center; color: #fff; bottom: 0px; right: 0px; font-size: 20px; padding: 3px; opacity: 0.8; } /*read more link*/ .entry-content a.readmore { float: left; clear: right; margin: 10px 0 10px 0; } /*table*/ .entry-content table { width: 100%; margin-bottom: 20px; } .entry-content table caption { margin-bottom: 10px; } .entry-content table th { font-weight: bold; } .entry-content table th, .entry-content table td { background-color: #fff; padding: 5px; text-align: center; border: 1px solid #e5e5e5; vertical-align: top; } .entry-content table .empty-left-top { background-color: transparent; border-left-color: transparent; border-top-color: transparent; } .entry-content table .empty-left-bottom { background-color: transparent; border-left-color: transparent; border-bottom-color: transparent; } .entry-content table td.top-left { text-align: left; vertical-align: top; } .entry-content table thead th { font-size: 1.166em; /* 14px */ } .entry-content table thead th, .entry-content table tfoot td { background-color: #f0f0f0; border-color: #d9d9d9; } .entry-content table tbody th, .entry-content table tr.odd th, .entry-content table tr.odd td { background-color: #f7f7f7; } .entry-content table tfoot td { font-style: italic; font-size: 0.916em; /* 11px */ } .entry-content table tfoot .button { font-style: normal; font-size: 1.09em; /* 12px/11px */ margin: 5px 0; } .entry-content table span.check { display: inline-block; background: url(https://dadb26.claudeassets.com/20240730162045im_/https://www.embroiderybydenise.com/wp-content/themes/will/images/check-green.png) no-repeat left top; width: 18px; height: 14px; } .entry-content table tfoot + tbody tr.row-last th, .entry-content table tfoot + tbody tr.row-last td { border-bottom-color: #d9d9d9; } /*bio*/ .bio { width: auto; padding: 15px 20px 20px 20px; background: #F9F9F9; border: 1px solid #f1f1f1; } /* Pagination Pagination /* ---------------------------------------------------------------------- */ .page-nav { border-top: 1px solid #e5e5e5; padding-top: 40px; margin-bottom: 40px; } .entry-content .page-nav { border-top: none; padding-top: 0px; } .page-nav > span { /*margin-right: 20px;*/ } .page-nav ul, .page-nav li, .page-nav > span { display: inline-block; } .page-nav li, .page-nav > span { vertical-align: middle; } .page-nav li { margin-right: 5px; line-height: normal; } .page-nav a { display: block; } .page-nav a, .page-nav li .current { padding: 15px 20px; } .page-nav a:hover, .page-nav li .current { color: #fff; background-color: #000; } .page-nav.page-links a { display: inline-block; } .page-nav.page-links a a.page-number { padding: 15px 20px; } /* Footer Footer /* ---------------------------------------------------------------------- */ #footer { position: relative; display: block; color: #878787; margin-top: 0px; } #footer h2, #footer h3 { color: #878787; } #footer h3 { padding-bottom: 10px; margin-bottom: 25px; } .footer-top { overflow: hidden; padding: 50px 0 20px; background: 0 0 #333333; box-shadow: 0 5px 7px rgba(0, 0, 0, 0.2) inset; } .footer a:hover { color: #878787; } .footer-bottom { position: relative; width: 100%; bottom: 0px; background: #000; overflow: hidden; padding: 30px 0; } .footer-bottom a:link, .footer-bottom a:visited { color: #878787; } .footer-bottom a:hover, .footer-bottom a:active { color: #ffffff; } .footer-bottom p { margin: 0; } #footer-nav ul { text-align: right; float: right; } #footer-nav ul li { display: inline; margin-right: 10px; } /* Widgets Widgets /* ---------------------------------------------------------------------- */ h3.widget-title { padding: 15px 25px 15px 25px; margin: 0 0 0px 0; background: #F9F9F9; border-bottom: 1px solid #E5E5E5; font-size:18px; } .widget { margin-bottom: 10px; border: 1px solid #E5E5E5; } .widget p { padding: 20px 25px 20px 25px; } .widget ul li { border-top: 1px solid #F7F7F7; } .widget ul li:first-child { border-top: none; } .widget ul li > a { display: block; color: #383838; padding: 8px 25px 8px 25px; } .widget ul li > a:hover { background: #f9f9f9; } #sidebar .widget { margin-bottom: 30px; } /*footer*/ #footer h3.widget-title { padding: 0 0 0 0; margin: 0 0 20px 0; background: none; border-bottom: none; text-shadow: 2px 1px 0 #000; } #footer .widget { border: none; } #footer .widget p { padding: 20px 0px 20px 0px; } #footer .widget ul li { border-top: 1px solid #444444; text-shadow: 1px 1px 0 #000; } #footer .widget ul li:first-child { border-top: none; } #footer .widget ul li > a { padding: 10px 0 10px 0; } #footer .widget ul li > a:link, #footer .widget ul li > a:visited { color: #878787; } #footer .widget ul li:hover, #footer .widget ul li > a:hover, #footer .widget ul li > a:active { background: none; color: #ffffff; } /*categories*/ .widget ul li a { display: inline-block; padding-right: 5px; } .widget ul li:hover { background: #f9f9f9; } /*tags*/ ul.tags li { } .tagcloud { padding: 20px 25px 20px 25px; } .tagcloud a { /*float: left;*/ margin: 0 5px 5px 0; display: inline-block; color: #383838; padding: 5px 10px; } .tagcloud a:hover { color: #fff; } /*recent comments*/ .widget ul li.recentcomments { padding: 20px 25px 20px 25px; } .widget ul li.recentcomments a { background: none; padding: 0 0 0 0; } /*searchform*/ #searchform { position: relative; width: 97%; padding: 10px 1.5%; background-color: #F7F7F7; border: none; } #searchform #s { position: relative; width: 75%; padding-left: 15px; border: none; background: none; } #searchform #searchsubmit { position: relative; float: right; width: 10%; height: 20px; border: none; background: none; z-index: 1;} #searchform .icon-search { position: absolute; right: 8px; z-index: 0; font-size: 16px; } #searchform #s, #searchform .icon-search { color: #c0c0c0; font-style: italic; } .entry-content input { padding: 5px 5px; background-color: #F7F7F7; border: 1px solid #E5E5E5; } /*calendar*/ #calendar_wrap { padding: 20px 25px 20px 25px; } #wp-calendar { margin: 0; width: 100%; line-height: 1.846153846; } #wp-calendar th, #wp-calendar td, #wp-calendar caption { text-align: left; } #wp-calendar #next { padding-right: 24px; padding-right: 1.714285714rem; text-align: right; } /*contact-info on contact page*/ .contact-info { padding: 20px 25px 20px 25px; } /*lizatom widget fix*/ .lizatom_widget figure.post-image { margin: 0 0px 0 20px !important; } /*home widgets*/ .home-widgets .widget { } .widget ul.children { margin-left: 15px; } .widget ul.children li:last-child { border-bottom: none; } /* Scroll arrow Scroll arrow /* ---------------------------------------------------------------------- */ #toTop, #toTopHover { background: no-repeat url(https://71c55d.claudeassets.com/20240730162045im_/https://www.embroiderybydenise.com/wp-content/themes/will/images/scroll-top.png) center center; width: 30px; height: 30px; overflow: hidden; bottom: 30px; right: 20px; text-indent: -10000em; position: fixed; border-radius: 50% 50%; } #toTop { display: none; background-color: #999; } #toTopHover { display: block; opacity: 0; } #toTop:active, #toTop:focus { outline: none; } /* Buttons Buttons /* ---------------------------------------------------------------------- */ .button, a.button, button { border: 0; background-color: #333; color: #fff; font: 13px/13px sans-serif; display: inline-block; padding: 11px; text-align: center; text-decoration: none; text-transform: uppercase; -webkit-transition: background-color 0.3s; -moz-transition: background-color 0.3s; -ms-transition: background-color 0.3s; -o-transition: background-color 0.3s; transition: background-color 0.3s; } .button:hover, a.button:hover, button:hover { background-color: #444444; } .m-btn { position: relative; display: inline-block; overflow: visible; margin-top: 8px; cursor: pointer; outline: 0; border: 0; background-color: #BFBFBF; -webkit-background-clip: padding; -moz-background-clip: padding; background-clip: padding; zoom: 1; z-index: 1; font-family: "Segoe UI",Helvetica,Arial,sans-serif; font-size: 14px; line-height: 14px; color: #fff; text-align: center; text-decoration: none; white-space: nowrap; vertical-align: inherit; } .m-btn:hover { background-color: #444444; color: #fff !important; } /*.m-btn [class^="icon-"]:before { margin-right: 10px; }*/ .m-btn.mini { padding: 3px 6px; font-size: 11px; } .m-btn.default { padding: 6px 8px; font-size: 14px; } .m-btn.big { padding: 9px 6px; font-size: 17px; } .m-btn.giant { padding: 16px 16px 20px 16px; font-size: 18px; } .m-btn.super-giant { padding: 30px 16px 34px 16px; font-size: 22px; } .super-giant i { font-size: 38px; } .button, .theme-form input.button, #comment-form input.button { width: auto; display: inline-block; cursor: pointer; line-height: normal; margin: 0 10px 20px 0; border: none; color: #fff !important; padding: 7px 15px; } .button:hover, .theme-form input.button:hover, #comment-form input.button:hover, .readmore { /*background-color: #383838;*/ } .page-nav.page-links { margin: 30px 0 30px 0; } /*buttons with inset*/ .form-submit #submit, .page-nav ul li a, a.readmore:link, a.readmore:visited, ul li span.page-numbers, #contactForm button, .page-nav.page-links a { padding: 15px 20px 15px 20px; /*background: 0 0 #444444;*/ color: #ffffff; font-weight: 400; text-shadow: 1px 1px 0 #000000; -moz-box-shadow: inset 0 0 10px rgba(0, 0, 0, 0.4); -webkit-box-shadow: inset 0 0 10px rgba(0, 0, 0, 0.4); box-shadow: inset 0 0 10px rgba(0, 0, 0, 0.4); text-transform: none; } #contactForm button.button:hover, ul li span.page-numbers.current, a.readmore:hover, .form-submit #submit:hover, .page-nav ul li a:hover, .page-nav.page-links a:hover { background: 0 0 #444444 !important; } /* Comments Comments /* ---------------------------------------------------------------------- */ .bypostauthor { } ol.comment-list, ol.comment-list ol { list-style-type: none; } ol.comment-list ol { padding-left: 94px; } cite.fn { font-weight: bold; } article.comment { border-bottom: 1px solid #f0f0f0; padding-bottom: 20px; margin-bottom: 20px; } .comment-author img { float: left; border: 1px solid #f0f0f0; padding: 3px; margin-right: 20px; border-radius: 50% 50% 50% 50%; } .bypostauthor .comment-author img { background-color: #ffffff; } .comment-meta { font-style: italic; } .comment-content { padding-left: 86px; margin-bottom: 20px; } .reply { margin-left: 86px; } .comment-meta.comment-author a, .comment-meta.comment-author a time { color: #000; } img.avatar { float: left; display: block; width: 64px; height: 64px; border: 1px solid #f0f0f0; padding: 3px; margin: 0 15px 0 0; border-radius: 50% 50% 50% 50%; } /* Images related Images related /* ---------------------------------------------------------------------- */ .alignleft { float: left; } .alignright { float: right; } .aligncenter { display: block; margin-left: auto; margin-right: auto; } .entry-content img, .comment-content img, img.wp-post-image { box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2); margin-top: 0em; margin-bottom: 2em; max-width: 100%; height: auto; } .entry-content img.alignleft { margin-right: 2em; } .entry-content img.alignright { margin-left: 2em; } .wp-caption img { margin-bottom: 0em; } .wp-caption { max-width: 100%; padding: 4px; } .wp-caption .wp-caption-text, .gallery-caption, .entry-caption { font-style: italic; font-size: 12px; font-size: 0.857142857rem; line-height: 2; color: #757575; margin-top: 0em; } img.wp-smiley, .rsswidget img { border: 0; border-radius: 0; box-shadow: none; margin-bottom: 0; margin-top: 0; padding: 0; } .entry-content dl.gallery-item { margin: 0; } .gallery-item a, .gallery-caption { width: 90%; } .gallery-item a { display: block; } .gallery-caption a { display: inline; } .gallery-columns-1 .gallery-item a { max-width: 100%; width: auto; } .gallery .gallery-icon img { height: auto; max-width: 90%; padding: 5%; margin-bottom: 0.5em; } .gallery-columns-1 .gallery-icon img { padding: 3%; margin: 0 auto; } .gallery .gallery-item a img { border: 1px solid #CFCFCF !important; border-radius: 0px !important; } /* Info Box Info Box /* ---------------------------------------------------------------------- */ .info-box { position: relative; margin-bottom: 20px; padding: 10px 10px; background-repeat: no-repeat; background-position: 10px center; border: 1px solid; } .info-box p { margin-bottom: 0; margin-top: 20px; } .info-box > p:first-child { margin: 0; } .info-box-info { background-color: #d7ebf5; border-color: #99c7de; } .info-box-success { background-color: #deebc5; border-color: #b9d188; } .info-box-warning { background-color: #fcf3d7; border-color: #f5d77d; } .info-box-error { background-color: #faebe6; border-color: #f5d0c4; } /* Service icon Service icon /* ---------------------------------------------------------------------- */ .service-box { position: relative; text-align: center; margin-bottom: 60px; } .service-icon { position: relative; display: inline-block; width: 180px; height: 180px; margin-bottom: 30px; border-radius: 50% 50%; font-size: 70px; line-height: 180px; text-align: center; color: #fff; box-shadow: inset 0 0 0 0 rgba(200,95,66, 0.4), inset 0 0 0 16px rgba(255,255,255,0.6), 0 1px 2px rgba(0,0,0,0.1); } .service-icon a i { color: white; } .service-box h3, .service-box p { text-align: left; } /* Teaser Teaser /* ---------------------------------------------------------------------- */ .teaser { position:relative; ; padding: 0px 0 0 0; margin: 0 auto 0 auto;display:none;} .teaser { line-height: 1px; font-size: 28px; color: #4d4d4d; text-align:center; } .teaser-text { float: left; width: 67%; text-shadow: 1px 0 0 #000; height:80px; overflow:hidden; } .teaser-link { float: right; width: 33%; height:80px; overflow:hidden; } .teaser-text p, .teaser-link a { display: block; padding: 5px 0 20px 0; margin-bottom: 0; } .teaser-link a { background: #444444; text-shadow: 1px 1px 0 #000000; -moz-box-shadow: inset 0 0 10px rgba(0, 0, 0, 0.4); -webkit-box-shadow: inset 0 0 10px rgba(0, 0, 0, 0.4); box-shadow: inset 0 0 10px rgba(0, 0, 0, 0.4); } .teaser-text { -moz-box-shadow: inset 0 0 10px rgba(0, 0, 0, 0.4); -webkit-box-shadow: inset 0 0 10px rgba(0, 0, 0, 0.4); box-shadow: inset 0 0 10px rgba(0, 0, 0, 0.4); } .teaser-link a:link, .teaser-link a:visited { color: #fff; } .teaser-link a:hover, .teaser-link a:active { background-color: #5D5D5D; } /* Templates Templates /* ---------------------------------------------------------------------- */ .page-template-page-home-php #content { padding-top: 30px; padding-bottom: 30px; } /*border-bottom*/ .bottom-border { display: block; border-bottom: 1px solid #f7f7f7; margin-bottom: 10px; padding-bottom: 5px; clear: both; } .home-widgets.bottom-border { padding-bottom: 40px; float: left; } /*css3 animations*/ .circle-wrapper { margin: 20px 0 0 0; padding: 0; list-style: none; display: block; text-align: center; width: 100%; } .circle-wrapper:after, .circle-image:before { content: ''; display: table; } .circle-wrapper:after { clear: both; } .circle-wrapper { width: 246px; height: 246px; display: inline-block; margin: 0 0 0 0; } .circle-image { width: 100%; height: 100%; border-radius: 50%; position: relative; cursor: default; box-shadow: inset 0 0 0 0 rgba(200,95,66, 0.4), inset 0 0 0 16px rgba(255,255,255,0.6), 0 1px 2px rgba(0,0,0,0.1); -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; } .circle-overlay { position: absolute; width: 100%; height: 100%; border-radius: 50%; opacity: 0; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; -webkit-transform: scale(0); -moz-transform: scale(0); -o-transform: scale(0); -ms-transform: scale(0); transform: scale(0); -webkit-backface-visibility: hidden; } .circle-overlay h3 { color: #fff; text-transform: uppercase; position: relative; letter-spacing: 2px; font-size: 12px; font-weight: lighter; margin: 0 0 15px 0; padding: 90px 30px 0 30px; height: auto; font-family: 'Open Sans', Arial, sans-serif; text-shadow: 0 0 1px #fff, 0 1px 2px rgba(0,0,0,0.3); } .circle-overlay p { position: relative; color: #fff; padding: 10px 5px; font-style: italic; margin: 0 30px; font-size: 12px; border-top: 1px solid rgba(255,255,255,0.5); } .circle-overlay p a { display: block; color: #fff; color: rgba(255,255,255,0.7); font-style: normal; font-weight: 700; text-transform: uppercase; font-size: 9px; letter-spacing: 1px; padding-top: 4px; font-family: 'Open Sans', Arial, sans-serif; } .circle-overlay p a:hover { color: #fff222; color: rgba(255,242,34, 0.8); } .circle-image:hover { box-shadow: inset 0 0 0 110px rgba(200,95,66, 0.4), inset 0 0 0 16px rgba(255,255,255,0.8), 0 1px 2px rgba(0,0,0,0.1); } .zoomlink { position: absolute; width: 50px; height: 50px; top: 50%; left: 50%; } .zoomlink i { font-size: 30px; color: #fff; } .circle-image:hover .circle-overlay { opacity: 1; -webkit-transform: scale(1); -moz-transform: scale(1); -o-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } .zoomlink { position: absolute; width: 50px; height: 50px; top: 103px; left: 72px; opacity: 0; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; -webkit-transform: scale(0); -moz-transform: scale(0); -o-transform: scale(0); -ms-transform: scale(0); transform: scale(0); } .zoomlink i { font-size: 30px; color: #fff; text-shadow: 2px 2px 0 #000; } .circle-image:hover .circle-overlay .zoomlink { opacity: 1; -webkit-transform: scale(1); -moz-transform: scale(1); -o-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } @keyframes rotate { 90% { opacity: 0; transform:scale(1.6) rotate(360deg); -ms-transform:scale(1.6) rotate(360deg); /* IE 9 */ -moz-transform:scale(1.6) rotate(360deg); /* Firefox */ -webkit-transform:scale(1.6) rotate(360deg); /* Safari and Chrome */ -o-transform:scale(1.6) rotate(360deg); /* Opera */ } 100% { opacity: 1; transform:scale(1) rotate(360deg); -ms-transform:scale(1) rotate(360deg); /* IE 9 */ -moz-transform:scale(1) rotate(360deg); /* Firefox */ -webkit-transform:scale(1) rotate(360deg); /* Safari and Chrome */ -o-transform:scale(1) rotate(360deg); /* Opera */ } } @-webkit-keyframes rotate { 90% { opacity: 0; transform:scale(1.6) rotate(360deg); -ms-transform:scale(1.6) rotate(360deg); /* IE 9 */ -moz-transform:scale(1.6) rotate(360deg); /* Firefox */ -webkit-transform:scale(1.6) rotate(360deg); /* Safari and Chrome */ -o-transform:scale(1.6) rotate(360deg); /* Opera */ } 100% { opacity: 1; transform:scale(1) rotate(360deg); -ms-transform:scale(1) rotate(360deg); /* IE 9 */ -moz-transform:scale(1) rotate(360deg); /* Firefox */ -webkit-transform:scale(1) rotate(360deg); /* Safari and Chrome */ -o-transform:scale(1) rotate(360deg); /* Opera */ } } .service-box:hover .service-icon, #header-social a:hover i { animation: rotate 0.3s; -webkit-animation: rotate 0.3s; /* Safari and Chrome */ } /* ======================================================================== */ /* @media @media /* ======================================================================== */ @media only screen and (min-width: 1280px) { #header-top { width: 1160px !important; margin: 0 60px; } #header-top .site-title, #header-top .site-description { text-align: left; } } @media only screen and (max-width: 1280px) { a#site-logo { display: block; width: auto; margin: 0 auto; } a#site-logo img { display: block; margin: 0 auto; } } @media only screen and (min-width: 960px) and (max-width: 1280px) { .container { width: 830px; } .white-card, .container-full, #wrap { width: 950px; } #header.container-full { width: 830px; } #header-top .one-fourth, #header-top .three-fourths { float: none; width: 100%; } /*portfolio*/ .circle-portfolio.row .one-fourth { width: 50% !important; margin: 0 0 30px 0 !important; } .circle-portfolio.row .one-fourth .circle-wrapper { margin: 0 auto !important; display: block; } #main-nav ul { float: left !important; } } /* Tablet Portrait size to standard 960 (devices and browsers) */ @media only screen and (min-width: 768px) and (max-width: 959px) { .container { width: 628px; } .white-card, .container-full, #wrap { width: 748px; } #header.container-full { width: 628px; } #header-top .one-fourth, #header-top .three-fourths { float: none; width: 100%; } /*teaser*/ .teaser .teaser-text, .teaser .teaser-link { font-size: 20px !important; } /*portfolio*/ .circle-portfolio.row .one-fourth { width: 50% !important; margin: 0 0 30px 0 !important; } .circle-portfolio.row .one-fourth .circle-wrapper { margin: 0 auto !important; display: block; } #main-nav ul { float: left !important; } } @media only screen and (max-width: 767px) { /*#main-nav.closed { display: none; }*/ #menu-top-menu { padding: 0 0 0 0; } #header-top { margin: 0px 0 0 0; height: auto; padding-bottom: 0px !important; } #header-top hgroup { padding-bottom: 50px; } #header-top hgroup div.site-description, #header-top hgroup div.site-title, #header-top div.social { text-align: center !important; } #header-top div.social { margin-top: 20px; } /*portfolio*/ .circle-portfolio.row .one-fourth .circle-wrapper { margin: 0 auto 30px auto !important; display: block; } /*toggle nav*/ #nav-toggle { display: block !important; visibility: visible !important; float: none !important; position: relative !important; margin-bottom: 0px !important } #nav-toggle a { padding: 30px 30px 30px 30px; text-transform: capitalize; margin-bottom: 0px !important; background: #F9F9F9; color: #525252 !important; text-align: left; font-size: 16px; } ul.dropdown { width: 100% !important; position: relative !important; clear: both !important; margin: 0 0 0 0 !important; } ul.dropdown li { float: none; display: block; clear: both;margin: 0 0 0 0 !important; width: 100%; } ul.dropdown li a, ul.dropdown ul li a { padding: 20px 30px; border-top: 1px solid #fff; border-bottom: 1px solid #d6d6d6; color: #4d4d4d; } ul.dropdown ul li a { padding-left: 60px; padding-right: 30px; } ul.dropdown li a:hover { } ul.dropdown ul { display: block; visibility: visible; width: 100% !important; position: static !important; margin: 0 0 0 0 !important; padding: 0 0 0 0; border: none; box-shadow: none; } ul.dropdown ul li { display: block; width: 100% !important; margin: 0; float: none; display: block; clear: both; margin: 0 0 0 0 !important; } /* teaser */ .teaser .teaser-link { width: 100%; } .teaser .teaser-text, .teaser .teaser-link a { display: block; width: 90% !important; padding-left: 5% !important; padding-right: 5% !important; clear: both; float: none; font-size: 16px; } /* Columns */ .one-half, .one-third, .one-fourth, .two-thirds, .three-fourths { float: none; display: block; margin-right: 0 !important; margin-left: 0px !important; width: 100%; max-width: none; } /* Header */ #header-top .one-half:first-child { text-align: center; } #header-top .one-half.column-last:after { content: ""; display: block; height: 0; overflow: hidden; clear: both; } #header-top .one-half.column-last { margin-top: 20px; } #logo { float: none; margin: 0 auto; } #logo, #logo a, #logo img { display: inline; } /* Footer */ #footer-nav ul { text-align: left; } #footer-top > .one-half, #footer-top > .one-third, #footer-top > .one-fourth, #footer-top > .two-thirds, #footer-top > .three-fourths { margin-top: 40px; } #footer-top > .one-half:first-child, #footer-top > .one-third:first-child, #footer-top > .one-fourth:first-child, #footer-top > .two-thirds:first-child, #footer-top > .three-fourths:first-child { margin-top: 0; } #footer-bottom { bottom: -50px !important; text-align: center; } #footer-nav ul { text-align: center; width: 100%; } .footer-bottom { text-align: center !important; } /* Pagination */ .page-nav li, .page-nav > span { margin-bottom: 10px; } /* Forms */ #comment-form input, .theme-form input { width: 80%; } #comment-form textarea, .theme-form textarea, .theme-form select { width: 90%; } /*teaser*/ .teaser .teaser-text { font-size: 20px !important; } } /* Mobile Landscape Size to Tablet Portrait (devices and browsers) */ @media only screen and (min-width: 480px) and (max-width: 767px) { .container { width: 420px; padding-left: 30px; padding-right: 30px; } .white-card, .container-full { width: 480px; } #wrap { width: 480px !important; } #nav-toggle a.button { width: 420px; } } /* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */ @media only screen and (max-width: 479px) { .container { width: 300px; padding-left: 20px; padding-right: 20px; } .white-card, .container-full { width: 360px; } #wrap { width: 360px; } #nav-toggle a.button { width: 300px; } } /* Added by dorzki */ .entry-image * { -webkit-transition: none !important; -moz-transition: none !important; -o-transition: none !important; -ms-transition: none !important; transition: none !important; } .entry-image .circle-wrapper, .post .entry-image { width: auto; height: auto; } .entry-image .circle-image:hover { box-shadow: none !important; } .entry-image .icon-zoom-in { display: none !important; } /* FILE ARCHIVED ON 18:57:18 Jul 30, 2024 AND RETRIEVED FROM THE INTERNET ARCHIVE ON 11:55:00 Aug 10, 2026. JAVASCRIPT APPENDED BY WAYBACK MACHINE, COPYRIGHT INTERNET ARCHIVE. ALL OTHER CONTENT MAY ALSO BE PROTECTED BY COPYRIGHT (17 U.S.C. SECTION 108(a)(3)). */ /* playback timings (ms): captures_list: 0.387 exclusion.robots: 0.045 exclusion.robots.policy: 0.037 esindex: 0.006 cdx.remote: 24.248 LoadShardBlock: 82.213 (3) PetaboxLoader3.datanode: 124.481 (5) PetaboxLoader3.resolve: 74.48 (2) load_resource: 146.532 loaddict: 31.557 */