/* Theme Name: Paintable WP Theme URI: https://themeforest.net/item/paintable-photography-and-blog-photos-download-wordpress-theme/20210644 Description: Paintable - Photography and Blog / Photos Download WordPress Theme. For more Premium WordPress Themes, check Anthemes.com Version: 3.6 Author: anthemes.com Author URI: https://anthemes.com Tags: sticky-post, right-sidebar, grid-layout, custom-colors, photography Text Domain: paintable-wp License: GNU General Public License version 3.0 License URI: http://www.gnu.org/licenses/gpl-3.0.html ------------------------------------------------ 0. CSS Reset 1. Layout 2. Header 3. Home Content 4. Entry Content 5. Sidebar & Widgets 6. Comments 7. Contact Form 8. Custom Pages () 9. Footer 10. Shortcodes -------------------------------------------------- */ /*----------------------------------------------------------------------------- ----------------------------- 0 - CSS Reset ----------------------------------- -----------------------------------------------------------------------------*/ html,body,h1,h2,h3,h4,h5,h6,form,li,ul,ol,p,input,select,legend,textarea,fieldset { margin:0; padding:0;} ul, ol { list-style-type: none; } :focus { outline: 0;} *:focus { outline: 0; } ins { text-decoration: none; } del { text-decoration: line-through; } img { border:none;} h1,h2,h3,h4,h5,h6 { line-height: 26px; font-family: 'Oswald', sans-serif; } h1 { font-size: 26px; } h2 { font-size: 24px; } h3 { font-size: 22px; } h4 { font-size: 20px; } h5 { font-size: 18px; } h6 { font-size: 16px; } code, pre { background: url(images/bg_pre.png); font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; font-weight: bold; line-height: 20px; font-size: 12px; display: block; margin: 14px 0; overflow:hidden; padding: 21px 18px 18px 18px; } code:hover, pre:hover { overflow:scroll;} strong { font-weight: bold;} fieldset { border: none;} .clear { clear:both; display:block;} .sleft { float:left;} .sright { float:right;} .spadding-b { padding-bottom: 20px;} iframe { border: 0 !important;} .break-word { } input[type="email"], input[type="number"], input[type="search"], textarea, input[type="text"], input[type="tel"], input[type="url"], input[type="password"] { -webkit-appearance: none; height:40px; font-size: 14px; font-weight: bold; } /*----------------------------------------------------------------------------- ----------------------------- 1 - Layout -------------------------------------- -----------------------------------------------------------------------------*/ * { margin: 0; padding: 0; } html body { margin: 20px; font: 14px/22px "Droid Sans", sans-serif, Helvetica, Arial, sans-serif; font-weight: 400; -webkit-text-size-adjust: none; overflow-x: hidden; } /* - Header - */ header { width: 100%; height: auto; margin: 0 auto; } .main-menu { width: 100%; height: 60px; margin: 0 auto; } header div.wrap { width: 1180px; height: auto; margin: 0 auto; /*padding: 0 20px;*/ } /* - Layout content - */ .wrap-fullwidth { width: 1040px; height: auto; margin: 0 auto 20px auto; padding: 0; } .wrap-fullwidth-bg { width: 1180px; height: auto; margin: 20px auto; padding: 1px 0 1px 0; } /* -- Home -- */ .wrap-container-full { width: 100%; height: auto; margin: 0 auto; padding: 40px 0; } .wrap-container { width: 1268px; height: auto; margin: 0 auto; } .left-sidebar { width: 200px; height: auto; float: left; z-index:2; } .wrap-categories { width: 200px; float: left;} .wrap-left-content { width: 728px; height: auto; float: left; margin: 0 20px 0 20px;} .wrap-left-content-full { width: 1595px; min-height: 500px; margin: 0 auto;} /* - single-content - */ .single-content { width: 715px; height: auto; float: left; margin: 0 0 0 0; } .page-content { width: 705px; height: auto; float: left; margin: 0 0 0 0; } .sidebar { width: 300px; height: auto; float: right; } .sidebar-bottom { width: 300px; height: auto; float: left; margin: 50px 0 20px 50px; } /*----------------------------------------------------------------------------- ----------------------------- 2 - Header -------------------------------------- -----------------------------------------------------------------------------*/ /* -- Logo -- */ .logo { float: left; padding: 0 20px 0 20px; max-height: 60px; z-index: 2001; position: relative; } /* Modal PopUp Search box */ .md-modal { position: relative; float: right; width: 290px; height: auto; z-index: 2000; visibility: hidden; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; backface-visibility: hidden; -webkit-transform: translateX(-50%) translateY(-50%); -moz-transform: translateX(-50%) translateY(-50%); -ms-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); } .md-show { visibility: visible; } .md-overlay { position: fixed; width: 300px; height: 50px; visibility: hidden; left: 0; z-index: 1000; opacity: 0; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; } .md-show ~ .md-overlay { opacity: 1; visibility: visible; } /* Content styles */ #modal-7 { margin-right:-119px;} .md-content { margin: -62px 0 0 0; position: relative; border-bottom-left-radius: 3px; } .md-content > div { padding: 0 0 0 0; margin: 0 0 0 0; font-weight: 300; font-size: 1.15em; } .md-content button { display: block; margin: 7px auto 0 auto; font-size: 0.8em; padding-left: 15px; } /* Effect 7: slide and stick to top */ .md-effect-7 { top: 0; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); } .md-modal button { border: none; padding: 13px 15px 11px 15px; font-size: 1em; letter-spacing: 1px; text-transform: uppercase; cursor: pointer; display: inline-block; float: left; } .md-modal button:hover i { opacity: 0.8;} /* -- Search -- */ #searchform2 { height: 50px; margin: 0 0 0 0; border-radius: 5px; padding-top: 10px; padding-bottom: 2px;} #searchform2 #s { font-weight: bold; height: 40px; font-family: 'Ruda', sans-serif; float: left; border: none; padding: 2px 20px 0 20px; font-size: 13px; } #searchform2 .buttonicon { width: 42px; height: 42px; position: absolute; background:url(images/btn_search.png) 13px 14px no-repeat; float: right; border: none; text-align: center; font-weight: bold; font-size: 0px; border-bottom-right-radius: 3px;} #searchform2 .buttonicon:hover { cursor: pointer; } #s { width: 175px; } /* -- Top Header Menu -- ##################### */ .jquerycssmenu { width: auto; height: 60px; font-family: 'Oswald', sans-serif; font-size: 13px; font-weight: 400; float: left; margin: 0 0 0 -10px; padding: 0 25px 0 0; position: relative; border-bottom-right-radius: 3px;} .jquerycssmenu ul li { position: relative; display: inline; float: left; padding: 0; } /*Top level menu link items style*/ .jquerycssmenu ul li a { text-transform: uppercase; display: block; padding: 5px 5px 5px 5px !important; margin: 13px 0 0 20px; } .jquerycssmenu ul li.current_page_item a { border-radius: 3px;} .jquerycssmenu ul li.current-menu-ancestor a { border-radius: 3px;} .jquerycssmenu ul li:hover a { border-radius: 3px } .jquerycssmenu ul li.current-menu-item a { border-radius: 3px;} .jquerycssmenu ul li.current-post-parent a { border-radius: 3px;} /*1st sub level menu*/ .jquerycssmenu ul li ul { border-bottom-left-radius: 3px; border-bottom-right-radius: 3px; border-top-right-radius: 3px; position: absolute; z-index: 201; margin-top: -2px; margin-left: 0px; padding: 10px 8px 20px 8px; display: block; visibility: hidden; -moz-box-shadow: 0 5px 3px rgba(0,0,0,0.2); -webkit-box-shadow: 0 5px 3px rgba(0,0,0,0.2); box-shadow: 0 5px 3px rgba(0,0,0,0.2); } .jquerycssmenu ul li ul:hover { /*display: none;*/} .jquerycssmenu ul li ul a:hover {border-radius: 0; } .jquerycssmenu ul li ul li ul a:hover {border-radius: 0; } /*Sub level menu list items (undo style from Top level List Items)*/ .jquerycssmenu ul li ul li { display: list-item; float: none; padding: 0px !important; font-weight: 400; } /*All subsequent sub menu levels vertical offset after 1st level sub menu */ .jquerycssmenu ul li ul li ul { top: 0; margin:-10px 0 0 -1px; z-index: 100; } /* Sub level menu links style */ .jquerycssmenu ul li ul li a { font-size: 12px; height: auto; line-height: 1.4em; width: 160px; margin: 0; padding-left: 18px !important; } .jquerycssmenu ul li ul li a:hover { /*sub menus hover style*/ } /* ######### CSS classes applied to down and right arrow images ######### */ .downarrowclass { display: none; position: absolute; top: 13px; right: 14px; } .rightarrowclass { display: none; position: absolute; top: 11px; right: 18px; } /* -- Responsive menu -- */ #click-menu { z-index: 1000 !important;} #responsive-menu-button { z-index: 999999 !important; } /* -- Top social icons -- */ ul.top-social { width: auto; height: 60px; padding: 0 15px 0 20px; float: right; margin: 0 0 0 0; border-bottom-left-radius: 3px; } .top-social li { float: left; margin-top: 6px; line-height: 15px; font-size: 16px; text-align: center;} .top-social li a { font-weight: 400;} .top-social li i { padding: 15px 8px;} ul.top-social li.search:hover { cursor: pointer;} ul.top-social:hover li { opacity: 1;} /* -- Social icons in responsive menu -- */ #responsive-menu-search-box { margin-bottom: -20px !important;} #responsive-menu-additional-content { text-align: left; float: left; } #responsive-menu-additional-content ul.top-social { width: 100%; float: left; display: block; margin-top: 25px; } #responsive-menu-additional-content ul.top-social li { display: block; } #responsive-menu-additional-content ul.top-social li a { font-size: 20px; margin-right: 15px;} /* -- Reponsive menu -- */ #responsive-menu { z-index: 999999 !important;} button#responsive-menu-button { z-index: 999999 !important;} ul#responsive-menu li a span { display: none !important;} #rmp-menu-wrap, .rmp-menu { width: 76% !important; } .rmp-submenu { width: 95% !important; } .rmp_menu_trigger:hover { cursor: pointer;} /*----------------------------------------------------------------------------- ----------------------------- 3 - Home Content -------------------------------- -----------------------------------------------------------------------------*/ /* -- Subheader -- */ .subheader { width: 960px; height: 60px; margin: 0 auto; } .custom-dropdown { width: 280px; margin-top: 22px; padding: 5px; float: left; background:url(images/dot_bg.png);} .welcome-section { width: 620px; float: right; } .welcome-section h1 { margin-top: 14px; font-size: 20px; line-height: 30px; font-weight: 400; color: #192b33; } /* -- Custom Drop-down Categories --*/ .custom-dropdown form { border: 2px solid #FFF; } .custom-dropdown--white form option { padding-right: 20px; font-weight: 700 !important; } .custom-dropdown--white form > select { width: 275px; font-weight: 700; font-family: 'Ruda', sans-serif; border-radius: 3px; border: 0;} .custom-dropdown select { padding: 8px 50px 8px 15px; height: 33px; } .custom-dropdown option { margin: 7px 20px;} .custom-dropdown select:hover { cursor: pointer;} .custom-dropdown__select{ font-size: inherit; padding: .5em; margin: 0; } .custom-dropdown__select--white { font-weight: 700; padding: 0 15px; } @supports (pointer-events: none) and ((-webkit-appearance: none) or (-moz-appearance: none) or (appearance: none)) { .custom-dropdown { position: relative; display: inline-block; vertical-align: middle; } .custom-dropdown__select { padding-right: 2.5em; border: 0; border-radius: 3px; -webkit-appearance: none; -moz-appearance: none; appearance: none; } .custom-dropdown::before, .custom-dropdown::after { content: ""; position: absolute; pointer-events: none; } .custom-dropdown::after { content: "\25BC"; height: 1em; font-size: 10px; line-height: 1; right: 2em; top: 52%; margin-top: -.5em; } .custom-dropdown::before { width: 2.3em; height: 35px; right: 8px; top: 7px; bottom: 0; border-radius: 0 3px 3px 0; } @-moz-document url-prefix() { .custom-dropdown__select { padding-right: .9em } .custom-dropdown--large .custom-dropdown__select { padding-right: 1.3em } .custom-dropdown--small .custom-dropdown__select { padding-right: .5em } } } @media screen and (-webkit-min-device-pixel-ratio:0) { .custom-dropdown::before { height: 33px; } .custom-dropdown::after { top: 54%; } span.thumbs-rating-already-voted { line-height: 24px;} } /* ##### Modern Articles List ######## */ ul.modern-grid { display: none; width: 1595px; /* min-width: 1160px; */ height: auto; margin: 0 auto 20px auto; padding-top: 40px; } ul.modern-grid li { float: left; width: 125px; height: auto; margin: 20px 10px 0 10px; background-color: #FFF; -webkit-box-shadow: 0 1px 3px rgba(34,25,25,.2); } ul.modern-grid li img { position: relative; float: left; width: 100%; height: auto; } ul.modern-grid li h2 { font-family: 'Oswald', sans-serif; margin: 0 0 0 0; font-size: 14px; font-weight: 100; line-height: 22px; } ul.modern-grid li h2 a { color: #192b33; } ul.modern-grid li h2 a:hover { } ul.modern-grid li div.modern-grid-content { width: auto; float: left; padding: 15px; } ul.modern-grid li div.modern-grid-content p { padding: 15px 0; } ul.modern-grid li div.time-ago { float: left; margin: 0 0 0 0; font-size: 11px; color: #bebebe; } ul.modern-grid li div.time-ago span { color: #7f7f7f;} ul.modern-grid li ul.meta-content-home li { margin: 0 0 20px 0; } /* -- Likes Circle -- */ .circle-nr { width: 40px; height: 40px; font-size: 12px; line-height: 40px; font-weight: 700; text-align: center; float: left; border-radius: 50%; color: #FFF; background-color: #d01d1d; } .circle-like { width: 40px; height: 40px; margin: 0 0 0 5px; text-align: center; line-height: 42px; float: left; border-radius: 50%; background-color: #FFF; } .circle-like i { color: #d01d1d; } .thumbs-rating-container .thumbs-rating-up { font-size: 13px; padding: 0 0 0 1px; font-weight: bold; } span.thumbs-rating-already-voted { margin-left: -8px; float: left; display: block; height: 30px; padding: 2px 10px 0 10px; background-color: #FFF; color: red; position: absolute; } ul.modern-grid div.row { display: none; position:absolute; top:10px; bottom:0; left:0; right:0; margin:auto; width: 85px !important; height: 40px; z-index: 1; } ul.modern-grid li:hover div.row { display: block; } /* -- Posts hover border -- */ .snip1252 { width: 125px; position: relative; float: left; background-color: rgba(0, 0, 0, 1); } .snip1252 * { -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-transition: all 0.2s ease-in; transition: all 0.2s ease-in; } .snip1252 img { max-width: 100%; vertical-align: top; } .snip1252 a { position: absolute; top: 0; bottom: 0; right: 0; left: 0; z-index: 3; display: block; } .snip1252 a:before, .snip1252 a:after { width: 7px; height: 0; background-color: rgba(0, 0, 0, 1); } .snip1252 a:before { right: 0; top: 0; } .snip1252 a:after { left: 0; bottom: 0; } .snip1252:before, .snip1252:after, .snip1252 a:before, .snip1252 a:after { position: absolute; content: ''; background-color: #000; z-index: 1; -webkit-transition: all 0.4s ease-in; transition: all 0.4s ease-in; opacity: 0.8; } .snip1252:before, .snip1252:after { height: 7px; width: 0%; } .snip1252:before { top: 0; left: 0; } .snip1252:after { bottom: 0; right: 0; } .snip1252:hover img, .snip1252.hover img { opacity: 1; } .snip1252:hover a:before, .snip1252.hover a:before, .snip1252:hover a:after, .snip1252.hover a:after{ height: 100%; } .snip1252:hover:before, .snip1252.hover:before, .snip1252:hover:after, .snip1252.hover:after { width: 100%; } .snip1252:hover:before, .snip1252.hover:before, .snip1252:hover:after, .snip1252.hover:after, .snip1252:hover a:before, .snip1252.hover a:before, .snip1252:hover a:after, .snip1252.hover a:after{ opacity: 0.9; } .column { display: inline-block; text-align: center; } figure { overflow: hidden; } .column img { display: block; width: 100%; height: auto; } /*Zoom In*/ .column#zoomIn img { -webkit-transform: scale(1); transform: scale(1); -webkit-transition: .3s ease-in-out; transition: .3s ease-in-out; } .column#zoomIn:hover img { -webkit-transform: scale(1.3); transform: scale(1.3); } /* -- infinite scroll Pagination -- */ #infscr-loading { max-width: 160px; height: 40px; border-radius: 3px; display: block; position: fixed; bottom: 10px; right: 55px; z-index:999999;} #infscr-loading span { margin: 0 0 0 12px; line-height: 40px; font-size: 16px; padding: 0 25px 0 10px; } #infscr-loading img { display: none;} /* -- Pagination -- */ .wp-pagenavi { display: none; position: relative; float: none; text-align: center; padding: 20px 0; font-size: 15px; } .wp-pagenavi a, .wp-pagenavi span { display: inline-block; padding:5px 13px; -webkit-transition: 1s; -moz-transition: 1s; transition: 1s; list-style: none; margin: 0; border-radius: 2px; -moz-border-radius: 2px; -webkit-border-radius: 2px; margin-right:2px; font-size:12px; font-weight:bold; } .wp-pagenavi a:hover { border-radius: 2px; -moz-border-radius: 2px; -webkit-border-radius: 2px; } .wp-pagenavi span.current { border-radius: 2px; -moz-border-radius: 2px; -webkit-border-radius: 2px;} /* -- Default pagination numbers -- */ .defaultpag { display: none; font-weight: bold;} .defaultpag .sright { float: right; margin: 40px 0 40px 0;} .defaultpag .sleft { float: left; margin: 40px 0 40px 0;} #nav-below { display: none;} /* -- Index file Title -- */ h3.index-title { margin: 20px 0 -40px 10px; font-size: 16px; font-weight: 400; } h3.index-title i { font-size: 24px; padding-right: 5px; color: #222222;} /*----------------------------------------------------------------------------- ----------------------------- 4 - Entry Content ------------------------------- -----------------------------------------------------------------------------*/ /* -- Home content -- */ .home-content { margin-top: 50px; padding: 0px 25px 0px 15px;} .home-content .entry { margin-bottom: -25px; padding-bottom: 0px;} /* -- not-found -- */ .not-found { margin: 0 0 0 10px; } /* -- Section top -- */ section.article-top, section.article-middle, section.article-bottom { margin-bottom: 25px; padding: 15px 25px 0 25px; background-color: #FFF; -webkit-box-shadow: 0 1px 3px rgba(34,25,25,.2); } div.meta-and-buttons { width: 100%; height: auto; float: left; margin: 0 0 20px 0;} div.meta-and-buttons .thumbs-rating-container { float: left; margin-right: 5px;} div.meta-and-buttons .circle-nr { width: 25px; height: 25px; font-size: 12px; line-height: 24px; border-radius: 50%; color: #FFF; background-color: #d01d1d; } div.meta-and-buttons .circle-like { width: 25px; height: 25px; font-size: 12px; line-height: 26px; border-radius: 50%; background-color: #d01d1d; -webkit-box-shadow: 0 1px 3px rgba(34,25,25,.2); } div.meta-and-buttons .circle-like i { color: #FFF; } div.meta-and-buttons .circle-like:hover { background-color: #000;} ul.meta-entry-top { float: left; margin-top: -2px; margin-left: 0;} ul.meta-entry-top li { float: left; margin-right: 5px; color: #b3b2b2;} ul.meta-entry-top li.author a { color: #192b33; font-weight: 600; margin-left: 5px;} ul.meta-entry-top li img.avatar { width: 25px; height: 25px; border-radius: 50%; margin-top: -2px; } @media screen and (-webkit-min-device-pixel-ratio:0) { div.meta-and-buttons .circle-nr { line-height: 26px; } div.meta-and-buttons .circle-like { line-height: 28px; } } /* -- Related Articles -- */ section.middle-related ul.modern-grid { width: 735px; height: auto; margin: 0 0 0 -20px; padding-top: 0px; } section.middle-related ul.modern-grid li { float: left; width: 127px; height: auto; margin: 0 0 20px 20px; background-color: #FFF; -webkit-box-shadow: 0 1px 3px rgba(34,25,25,.2); } section.middle-related ul.modern-grid li img { width: 100%; height: auto; } section.middle-related ul.modern-grid li .snip1252 { width: 127px; } section.middle-related { margin: 0 0 25px 0; } hr { margin: 0 auto 3px auto; padding: 0; border: none; border-top: solid 1px #ddd; color: rgba(151, 151, 146, 0.6); text-align: center; max-width: 20%; } hr::after { font-family: "FontAwesome"; content: "\f030"; display: inline-block; position: relative; top: -0.9em; font-size: 14px; padding: 0 5px; color: #ddd; background: #FFF; } /* -- Related Articles -- */ .widget ul.modern-grid { width: 300px; height: auto; margin: 0 0 0 -20px; padding-top: 0px; } .widget ul.modern-grid li { float: left; width: 127px; height: auto; margin: 0 0 20px 20px; background-color: #FFF; -webkit-box-shadow: 0 1px 3px rgba(34,25,25,.2); } .widget ul.modern-grid li img { width: 100%; height: auto;} .widget ul.modern-grid li .snip1252 { width: 127px; } /* -- Single Share -- */ ul.meta-entry-top li ul.single-share { width:auto; height: auto; float: left; margin: -1px 0 0 10px; } ul.meta-entry-top li ul.single-share li { float: left; margin-right: 3px; border-radius: 2px; display: inline-block;} ul.meta-entry-top li ul.single-share li i { font-size: 11px !important; padding: 0 2px; margin-top: 5px;} ul.meta-entry-top li ul.single-share li a { padding: 5px 5px 4px 5px; border-radius: 2px; line-height: 18px; font-size: 10px; font-weight: 700; text-transform: uppercase;} ul.meta-entry-top li ul.single-share a span { color: #FFF; line-height: 0px;} ul.meta-entry-top li ul.single-share a:hover { opacity: 0.8;} ul.meta-entry-top li ul.single-share li a.fbbutton { background-color: #3b5998 !important; color: #FFF !important; } ul.meta-entry-top li ul.single-share li a.fbbutton i { padding-right: 3px; margin-top: 5px;} ul.meta-entry-top li ul.single-share a.twbutton { background-color: #00aced !important; color: #FFF !important;} ul.meta-entry-top li ul.single-share a.pinbutton { background-color: #ca212a !important; color: #FFF !important;} ul.meta-entry-top li ul.single-share a.googlebutton{ background-color: #eb4026 !important; color: #FFF !important;} /* -- Section download-button -- */ section.download-button { width: auto; height: auto; padding: 5px 25px 30px 25px; text-align: center; } section.download-button h2, section.download-button h3 { font: 13px "Droid Sans", sans-serif, Helvetica, Arial, sans-serif; font-weight: 400; padding-bottom: 3px; } a.btn-download { margin: 10px auto 0 auto; display: inline-block; text-transform: uppercase; padding: 6px 20px; border-radius: 20px; font-weight: 700; border: 0; } /*-- Entry Categories / Tags -- */ .tags-cats { } .ct-size a, .ct-size { color: #192b33; } .ct-size a, .ct-size a { float: none; display: inline-block; padding:3px 10px 3px 5px; list-style: none; border-radius: 2px; margin:0 5px 0 0; font-size:13px !important; font-weight:700;} .ct-size i { font-size: 11px; } /* -- Entry Top / Featured Image / Videos -- */ img.attachment-paintable-wp-thumbnail-single-image { display: block; max-width: 100%; margin-left: auto; margin-right: auto; height: auto;} .entry-top { width: auto; float: none; height: auto; margin: 0 50px; padding: 30px 0; } /* -- Single Share -- */ ul.single-share { width:auto; height: auto; float: left; margin-right: 20px; } ul.single-share li { float: left; margin-right: 3px; border-radius: 2px; display: inline-block;} ul.single-share li i { font-size: 13px !important; padding: 0 8px; margin-top: 5px;} ul.single-share li a { padding: 3px 1px 3px 1px; line-height: 18px; font-size: 10px; font-weight: 700; text-transform: uppercase;} ul.single-share a span { color: #FFF; line-height: 0px;} ul.single-share a:hover { opacity: 0.8;} ul.single-share li a.fbbutton { background-color: #3b5998 !important; color: #FFF !important; padding: 2px 12px 4px 2px;} ul.single-share li a.fbbutton i { padding-right: 3px; margin-top: 5px;} ul.single-share a.twbutton { background-color: #00aced !important; color: #FFF !important;} ul.single-share a.pinbutton { background-color: #ca212a !important; color: #FFF !important;} ul.single-share a.googlebutton{ background-color: #eb4026 !important; color: #FFF !important; padding-left: 0px; padding-right: 0px;} a.googlebutton { display: none !important; } /* -- Single Share Entry (bottom) -- */ .entry ul.single-share { margin: 20px 0 30px 0; } .entry ul.single-share li { padding: 0;} .entry ul.single-share li a { padding: 3px 2px; border-radius: 2px; display: inline-block; line-height: 18px; font-size: 10px; font-weight: 700; text-transform: uppercase;} .entry ul.single-share li span { padding-right: 10px;} /* - title - */ h1.article-title { font-size: 24px; font-weight: 400; line-height: 28px; margin: 10px 0 15px 0; } h1.page-title { font-size: 24px; font-weight: 700; float: left; } #page-title-box { width: auto; height: auto; padding: 0 50px 15px 0; margin: 30px 0 20px 0; } /* -- Entry excerpt -- */ div.entry-excerpt { margin-top: -30px;} div.entry-excerpt p { font-size: 22px; font-weight: normal; line-height: 32px; color: #192b33;} /* -- Entry content style -- */ .entry { width: auto; height: auto; margin: 0 0 30px 0; padding-bottom: 25px;} .entry p a { border-bottom: dotted 1px; } .entry p { padding: 10px 0; font-size: 15px; line-height: 26px; } .entry h1, .entry h2, .entry h3, .entry h4, .entry h5, .entry h6 { margin-top: 35px;} .entry strong { font-weight: bold; } /* -- blockquote -- */ blockquote { margin: 1.5em 0; padding: 30px; quotes: "\201C""\201D""\2018""\2019"; } blockquote:before { content: open-quote; font-size: 6em; line-height: 0.1em; margin-right: 0.25em; vertical-align: -0.4em; } blockquote p { display: inline; } /* -- Responsive Images -- */ .entry iframe { max-width: 100%;} .entry embed { max-width: 100%;} .entry object { max-width: 100%;} .entry img, .wp-caption { max-width: 100%; border-radius: 3px; } .entry img, img[class*="align"], img[class*="wp-image-"], img[class*="attachment-"] { height: auto; } img.size-full, img.size-large, .wp-post-image, .post-thumbnail img { height: auto; max-width: 100%; } img.alignleft, .alignleft img { width: inherit !important;} img.alignright, .alignright img { width: inherit !important;} .alignleft { float: left; margin: 20px 20px 10px 0; } .alignright { float: right; margin: 20px 0 10px 20px; } .aligncenter { display: block; margin: 30px auto 10px auto;} .wp-caption img[class*="wp-image-"] { display: block; margin: 0; } .wp-caption-text { font-size: 12px !important; margin-top: -7px; padding: 0 10px 0 10px; text-align: center; } p.wp-caption-text a { background: transparent !important; } p > a.wp-img-bg-off { background: none !important; /* for images manually added */} /* -- End res. img -- */ /* -- Lists -- */ .entry th { padding: 0; margin-right: 2px; } .entry li { padding:3px 0 3px 5px; } .entry ul { margin:20px 40px; list-style-type: square;} .entry ol { margin:20px 40px; list-style-type: decimal;} /* -- Pagination entry articles -- */ .my-paginated-posts { font-size:10px; margin-bottom: 30px;} .my-paginated-posts span { padding: 3px 6px 3px 6px; border-radius: 3px;} .my-paginated-posts p { font-size: 1.4em; } .my-paginated-posts p a { border: none; border-radius: 3px; font-weight: bold; padding: 6px 10px; text-decoration:none; margin: 0 2px; } /* -- Tags Articles -- */ #tags-wrap { width: auto; height: auto; text-align: center; float: none; padding: 5px 0 15px 0;} div.tags-btns a { float: none; display: inline-block; padding:3px 10px 3px 5px; list-style: none; border-radius: 2px; margin:0 10px 4px 0; font-size:12px !important; font-weight:700;} div.tags-btns i { font-size: 12px; } /* -- Line for Related Articles -- */ .line_bottom_related { width: 100%; height: 1px; margin: 0 0 0 0;} /* -- Entry button for password, etc -- */ form.post-password-form input { width: 276px; font-size: 18px; text-align: center; font-weight : 400; line-height : 39px; border-radius: 3px; } form.post-password-form input:hover { cursor: pointer;} form.post-password-form input[type="submit"] { width: 280px !important; margin-top: 5px; background-color: #222; color: #FFF; border: 1px solid #222; } .post-password-form { background-color: #f1f1f1; border-radius: 3px; width: 280px; padding: 30px; margin: 30px auto; } .post-password-form input { display: block; clear: both;} /*-- Tables --*/ table { margin-top: 20px; margin-bottom: 50px; border-collapse: collapse; width: 100%; } thead { text-align: left; } table { background-color: #fafafa;} thead { background-color: #f1f1f1; } td { border-top: 1px solid #ededed; padding: 6px 10px 6px 15px; } dl { margin-top: 20px;} dt { font-weight: bold;} /* Chat Posts */ .format-chat .entry p { background: #fafafa; /* The background color of first paragraph */ border-left: 7px solid #ddd; /* The setting for border of first paragraph */ margin-bottom: 2px; padding-left: 13px; padding-right: 13px; } .format-chat .entry p:nth-child(odd) { background: #f1f1f1; /* The background color of next paragraph */ border-left-color: #ccc; /* The setting for border of next paragraph */ } /*----------------------------------------------------------------------------- ----------------------------- 5 - Sidebar & Widgets --------------------------- -----------------------------------------------------------------------------*/ /* -- Sidebar -- */ .widget-title { height: 20px; text-align: center; margin-bottom: 30px;} .widget-title h3 { font-family: 'Oswald', sans-serif; display: inline-block; font-size: 16px; font-weight: 400; } .sidebar .widget { width: 250px; height: auto; margin-bottom: 25px; padding: 25px;} .sidebar-bottom .widget { width: 260px; height: auto; margin-bottom: 25px; padding: 20px;} /* -- Instagram -- */ ul.instagram-pics { float: left; margin-left: -6px; } ul.instagram-pics li { float: left; margin-left: 6px;} ul.instagram-pics li img { opacity: 0; max-width: 100%; border-radius: 3px; } ul.instagram-pics li img:hover { opacity: 0.7 !important;} ul.instagram-size-thumbnail li img { width: 122px; } .sidebar .widget:after { content: ''; display: block; clear: both !important; } ul.instagram-size-small li img { width: 122px; } /* -- Article widget -- */ ul.article_list { float: left; width: 100%; height: auto; } ul.article_list li { float: left; width: auto; min-height: 34px; display: block; padding:0 0 20px 0; margin: 0 0 20px 0; } ul.article_list li:first-child { padding-top: 0px;} ul.article_list li:last-child { border-bottom: none; margin-bottom: 0px; padding-bottom: 0px; } ul.article_list li img { width: 90px; height: 90px; float: left; margin-bottom: 0px; } ul.article_list li h3 { font-family: 'Oswald', sans-serif; margin: 5px 0 0 0; font-size: 14px; font-weight: 100; line-height: 22px; } ul.article_list li h3 a { color: #192b33;} ul.article_list li .author-il { margin-left: 105px; } ul.article_list li .author-il-full { margin-left: 0px;} ul.article_list li div.time-ago { float: left; margin: 0 0 0 0; font-size: 11px; color: #bebebe; } ul.article_list li div.time-ago span { color: #7f7f7f;} /* -- Banner widget 300px -- */ .img-300 { width: 300px; height: auto; margin: -25px 0 -33px -25px;} /* -- Banner widget 250px -- */ .img-250 { width: 250px; height: auto; margin: 0 0 -5px 0; } /* -- Custom Text -- */ .widget-text { } .widget_text img { max-width: 100% !important;} .widget_text select { width: 100%; padding: 10px 20px;} .widget_text option { padding: 0 10px;} /* -- Widget RSS -- */ .widget_rss h3 a img { width: 10px; height: 10px;} .widget_rss li { background: url(images/li_minus_gold.png) no-repeat 0 16px; border-bottom: 1px solid rgba(241, 241, 241, .8); display: block; padding: 10px 0 10px 20px; } .widget_rss li a { font-weight: bold;} h3 a.rsswidget { color: #000 !important;} /* -- Default Tags -- */ div.widget_tag_cloud { display: inline-block; margin-bottom: 10px;} div.tagcloud span { font-weight: bold; } div.tagcloud a { float: left; display: inline-block; padding:3px 10px; list-style: none; border-radius: 2px; -moz-border-radius: 2px; -webkit-border-radius: 2px; margin:0 4px 4px 0; font-size:12px !important; font-weight:400;} footer div.tagcloud a { color: #222 !important;} /* -- Default Search -- */ div.widget_search { padding-bottom: 20px !important; } div.widget_search #searchform2 { float: left; margin: 0; } div.widget_search #searchform2 #s { width: 175px; height: 39px; background-color: #fff !important; border-top-left-radius: 3px; border-bottom-left-radius: 3px; } div.widget_search #searchform2 #s:focus { width: 175px; overflow: hidden;} div.widget_search #searchform2 .buttonicon { border-top-right-radius: 2px; border-bottom-right-radius: 3px;} footer div.widget_search { padding-bottom: 25px !important; } /* -- Recent Entries -- */ div.widget_recent_entries ul { } .widget_recent_entries li { background: url(images/li_minus_green.png) no-repeat 0 16px; border-bottom: 1px solid #f0eee9; display: block; padding: 10px 0 10px 20px; } .widget_recent_entries li:last-child { border: none; } /* -- Recent Comments -- */ div.widget_recent_comments ul { } .widget_recent_comments li { background: url(images/li_minus_black.png) no-repeat 0 16px; border-bottom: 1px solid #f0eee9; display: block; padding: 10px 0 10px 20px; } .widget_recent_comments li:last-child { border: none; } /* -- Archives and Nav menu widget -- */ div.widget_nav_menu ul { margin-top: -10px;} .widget_archive ul { margin-top: -10px;} .widget_nav_menu li { display: block; padding: 10px 0 10px 0; } .widget_nav_menu li:last-child { border: none; } div.widget_archive select { width: 100%; padding: 10px 20px;} div.widget_archive option { padding: 0 10px;} div.widget_nav_menu li ul.sub-menu { margin: -5px 0 -10px 10px; padding: 10px 0 0 0;} div.widget_nav_menu li ul.sub-menu li { padding: 10px 0 10px 20px; } .widget_archive li:before { content: "\f1c6"; font-family: 'FontAwesome'; padding-right: 10px; } .widget_archive li { display: block; padding: 10px 0 10px 0;} .widget_nav_menu li:before { content: "\f0da"; font-family: 'FontAwesome'; padding-right: 10px; font-size: 13px; } div.widget_nav_menu ul li > ul li > ul li > ul li { margin-left: -30px; } /* -- Meta and Pages widget -- */ div.widget_pages ul { margin-top: -10px;} .widget_pages li, .widget_meta li { display: block; padding: 10px 0 10px 0; } .widget_pages li:last-child, .widget_meta li:last-child { border: none; } .widget_pages li:before, .widget_meta li:before { content: "\f0da"; font-family: 'FontAwesome'; padding-right: 10px; font-size: 13px; } /* -- Categories -- */ div.widget_categories ul { } .widget_categories li { background: url(images/li_minus_gold.png) no-repeat 0 16px; border-bottom: 1px solid #f0eee9; display: block; padding: 10px 0 10px 20px; } .widget_categories li:last-child { border: none; } div.widget_categories select { width: 100%; padding: 10px 20px;} div.widget_categories option { padding: 0 10px;} .widget_categories li ul.children { margin: -5px 0 -10px -5px; padding: 10px 0 0 0;} .widget_categories li ul.children li { padding: 10px 0 10px 20px; } /* -- Calendar -- */ #wp-calendar {width: 100%;} #wp-calendar caption { text-align: center; font-weight: bold; margin-bottom: 10px; color: #333; font-size: 15px; padding: 0 15px; } #wp-calendar thead { font-size: 10px; } #wp-calendar thead th { padding-bottom: 10px; } #wp-calendar tbody { color: #aaa; background: #fff; } #wp-calendar tbody td { background: #fff; border: 1px solid #f5f5f5; text-align: center; padding:5px;} #wp-calendar tbody td:hover { background: #fff; } #wp-calendar tbody td a { font-weight: bold; color: #222; display: block;} #wp-calendar tbody td#today { border-radius: 4px;} #wp-calendar tbody .pad { background: none; } #wp-calendar tfoot #next { font-size: 10px; text-transform: uppercase; text-align: right; } #wp-calendar tfoot #prev { font-size: 10px; text-transform: uppercase; padding-top: 10px; } /* -- Default classes -- */ .gallery-caption { font-size: 1.4rem; } .bypostauthor { font-size: 1.4rem; } /* Text meant only for screen readers. */ .screen-reader-text { clip: rect(1px, 1px, 1px, 1px); position: absolute !important; height: 1px; width: 1px; overflow: hidden; } /*----------------------------------------------------------------------------- ----------------------------- 6 - Comments Form ------------------------------- -----------------------------------------------------------------------------*/ .comments .article-btn h3 { font-size: 11px; line-height: 20px; font-weight: 700; text-transform: uppercase; } .comments .article-btn { height: 20px; display: inline-block; padding: 0 15px; border-radius: 2px; margin-bottom: 20px; } .nocomments, .nopassword, .must-log-in { text-align: center; padding: 15px 0 0 0; } ul.comment { width: auto; margin: 0 0 50px 0; } ul.comment li { display: block; margin: 0 0 15px 0; padding: 20px; overflow: hidden; } ul.comment li span.comm-avatar { width: 16px; height: 16px; float: left; margin-right: 5px; margin-top: 3px;} ul.comment li span.comment-author { margin-right: 15px; font-weight: bold; text-transform: uppercase; font-size: 13px; float: left;} ul.comment li span.comment-date { float: left; opacity: 0.5; font-size: 13px;} .comment-body { padding-bottom: 5px;} ul.comment li ul.children { margin-bottom: -10px;} ul.comment li ul.children li { margin: 10px 0 0 30px; border: none;} ul.comment li ul.children li > ul.children li { margin-left: -20px; } /* -- Lists -- */ div.comment-body p { word-break: break-all !important; font-size: 14px; } /* -- Comments -- */ #comments { width: 100%; float: left; padding: 0 0 15px 0; } .comments { width: auto; display: block; float: left; height: auto; margin: 10px 0 0 0;} .comments h3.comment-reply-title { height: 20px; font-size: 11px; font-weight: 700; text-transform: uppercase; display: inline-block; padding: 0 15px; border-radius: 2px; line-height: 20px; } .comments h3.comment-reply-title a { font-weight: bold; text-decoration: underline; padding: 0 5px;} .comments h3.comment-reply-title a#cancel-comment-reply-link { text-decoration: none; color: #F00; font-size: 9px !important; } /* -- Comment Form -- */ .comment-notes { display: none;} #commentform { padding: 0 6px 20px 0; font-size:11px;} #commentform #author, #comment, #email, #url { width:100%; height:40px; font-size: 14px; font-weight: bold; border-radius: 3px;} #commentform #submit { border: 1px solid; border-radius: 3px; font-weight: bold; font-size: 11px; padding: 7px 15px; text-transform: uppercase; text-align: center; margin: 15px 5px -10px 0;} #commentform #submit:hover { cursor: pointer; } #commentform input, #comment { padding-left: 5px; } #commentform textarea { -moz-resize:vertical; resize:vertical;} #commentform #comment { height: 100px; } #commentform label { display: block; margin-top:10px; font-size:11px; font-weight: bold; } #commentform label span { font-size: 15px; } #wp-comment-cookies-consent { float: left; margin: 3px 5px 0 0;} /* -- Comment Cols -- */ .one_half_c, .one_half_last_c { float:left; width:47%; margin-right:6%; } .one_half_last_c { margin-right:0;} .one_full_c { float:left; width:100%;} /*----------------------------------------------------------------------------- ----------------------------- 7 - Contact Form -------------------------------- -----------------------------------------------------------------------------*/ /*----------------------------------------------------------------------------- ----------------------------- 8 - Custom Pages -------------------------------- -----------------------------------------------------------------------------*/ /* -- 404 page -- */ #anthemes-404 .middle-404 { max-width: 900px; margin: 0 auto;} #anthemes-404 { width: 100%; min-height: 400px; height: auto; padding: 200px 0 100px 0; text-align: left; background-color: #FFF; } #anthemes-404 h1 { font-size: 80px; font-weight: 700; padding: 0 0 60px 0;} #anthemes-404 p { font-size: 20px; line-height: 32px;} #anthemes-404 h2 { font-size: 18px; font-weight: 400; } #anthemes-404 .widget_recent_entries { text-align: left; width: 100%; margin: -30px auto 0 auto;} #anthemes-404 div.widget_recent_entries ul { -webkit-box-shadow: 0 1px 1px rgba(34,25,25,.1); margin-top: 10px; } #anthemes-404 .widget_recent_entries li { font-weight: 400; background: transparent; display: block; padding: 10px 0 10px 0; } #anthemes-404 .widget_recent_entries li:last-child { } #anthemes-404 .widget_recent_entries li a { color: #444; } /* -- Front-end Submission Form -- */ .ap-plugin-link-wrapper { display: none;} .ap-form-field-wrapper select, #wp-ap_form_content_editor-wrap { background-color: #fafafa; border:1px solid #ddd; font-size: 14px; font-weight: 400; color:#333; border-radius: 3px; } .ap-form-field-wrapper select { height: 40px;} form.ap-form-wrapper div.ap-form-field input { height: 40px; border-radius: 3px; } form.ap-form-wrapper label { font-size:11px !important; font-weight: bold; } .ap-form-error-message { font-size:11px; font-weight: bold;} form.ap-form-wrapper div.ap-form-error-message { margin-bottom: 20px !important;} form.ap-form-wrapper #ap_form_content_editor { font-weight: bold; border: 1px solid #ddd; background-color: #fafafa; } #wp-ap_form_content_editor-editor-tools { margin-top: -35px !important; } .ap-form-field-wrapper { margin-bottom: 30px; margin-top: 20px;} .ap-form-wrapper h2 { } input.ap-form-submit-button { height: 30px !important; border: 1px solid; border-radius: 3px; font-weight: bold; font-size: 11px; padding: 7px 15px; text-transform: uppercase; text-align: center; } input.ap-form-submit-button:hover { cursor: pointer; } .ap-post-submission-message { box-shadow: 0px 0px 1px #fafafa, 0 2px 2px #fafafa inset; background:#e9f6e3; color:#93c088; border:1px solid #ceedc4; padding:15px; margin:15px 0; -moz-border-radius:2px; border-radius:2px; font-weight: bold; text-align: center;} .ap-form-field-wrapper textarea { height: 80px; -moz-resize:vertical; resize:vertical;} .ap-form-wrapper h2 { height: 20px; display: inline-block; padding: 0 15px; border-radius: 2px; font-size: 11px; line-height: 20px; font-weight: 700; text-transform: uppercase; } /*----------------------------------------------------------------------------- ------------------------------ 9 - Footer ------------------------------------- -----------------------------------------------------------------------------*/ footer { width: 100%; height: auto; bottom: 0; z-index:102; position: relative;} .wrap-footer { width: 100%; height: auto; margin: 0 auto; padding: 55px 0 55px 0; } .wrap-footer p { text-align: center; font-size: 15px; font-weight: 700; padding-top: 15px; color: #FFF;} .wrap-footer p a { color: #222222;} .wrap-footer p i { font-size: 8px !important; padding: 0 10px;} /* -- Logo -- */ .footer-logo { display: block; margin: 0 auto; height: 60px; } div.footer-logo-wrap { width: 200px; margin: 0 auto;} /* -- Back to Top -- */ #back-top { position: fixed; display: block; bottom: 10px; right: 10px; z-index:999999; } #back-top a { width: 40px; display: block; } #back-top span { width: 40px; height: 40px; display: block; background: url(images/top.png) -5px -5px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; -webkit-transition: 1s; -moz-transition: 1s; transition: 1s; } /*----------------------------------------------------------------------------- ----------------------------- 10 - Shortcodes --------------------------------- -----------------------------------------------------------------------------*/ /* -- Buttons -- */ .simplebtn, .smallbtn { display: inline-block; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; font-weight: bold; padding: 6px 20px; text-align: center; margin: 10px 10px 0 0; } .smallbtn { padding: 0px 10px; font-weight: 600; } .smallbtn a { color: #FFF !important; } .smallbtn a:hover { background: inherit !important; text-decoration: underline;} .simplebtn:hover { opacity:.85; text-decoration: none !important; } .simplebtn i { padding-right: 5px;} a.simplebtn.blue:hover { background-color: #0099cc !important; color: #FFF !important;} a.simplebtn.green:hover { background-color: #7dc34d !important; color: #FFF !important;} a.simplebtn.green2:hover { background-color: #0fbe7c !important; color: #FFF !important;} a.simplebtn.orange:hover{ background-color: #e76b33 !important; color: #FFF !important;} a.simplebtn.gold:hover { background-color: #ffd62c !important; color: #FFF !important;} a.simplebtn.red:hover { background-color: #cc3333 !important; color: #FFF !important;} a.simplebtn.pink:hover { background-color: #d63f72 !important; color: #FFF !important; } a.simplebtn.black:hover { background-color: #3b3b3b !important; color: #FFF !important; } .simplebtn.blue { background-color: #0099cc !important; border: 1px solid #0099cc !important; color: #FFF !important; text-shadow: 0 -1px 0 #0099cc;} .simplebtn.green { background-color: #7dc34d !important; border: 1px solid #7dc34d !important; color: #FFF !important; text-shadow: 0 -1px 0 #7dc34d;} .simplebtn.green2 { background-color: #0fbe7c !important; border: 1px solid #0fbe7c !important; color: #FFF !important; text-shadow: 0 -1px 0 #0fbe7c;} .simplebtn.orange { background-color: #e76b33 !important; border: 1px solid #e76b33 !important; color: #FFF !important; text-shadow: 0 -1px 0 #e76b33;} .simplebtn.gold { background-color: #ffd62c !important; border: 1px solid #ffd62c !important; color: #FFF !important; text-shadow: 0 -1px 0 #ffd62c;} .simplebtn.red { background-color: #cc3333 !important; border: 1px solid #cc3333 !important; color: #FFF !important; text-shadow: 0 -1px 0 #cc3333;} .simplebtn.pink { background-color: #d63f72 !important; border: 1px solid #d63f72 !important; color: #FFF !important; text-shadow: 0 -1px 0 #d63f72;} .simplebtn.black { background-color: #3b3b3b !important; border: 1px solid #3b3b3b; color: #FFF !important; text-shadow: 0 -1px 0 #3b3b3b;} /* -- Columns -- */ .one_half, .one_half_last { float:left;width:48%; margin-bottom:10px; margin-right:4%; } .one_half_last { margin-right:0;} .one_third, .one_third_last { float:left; width:30%; margin-bottom:10px; margin-right:5%; } .one_third_last { margin-right:0;} .one_fourth, .one_fourth_last { float:left; width:23.5%; margin-bottom:10px; margin-right:2%; } .one_fourth_last { margin-right:0;} /* -- Boxes info -- */ .boxinfo { -moz-box-shadow: 0 1px 5px rgba(0,0,0,0.1); -webkit-box-shadow: 0 1px 5px rgba(0,0,0,0.1); box-shadow: 0 1px 5px rgba(0,0,0,0.1); background:#ddecf5; color:#99b1c1; border:1px solid #c3d9e5; padding:15px; margin:15px 0; -moz-border-radius:2px; border-radius:2px; font-weight: bold; text-align: center;} .boxsucces { -moz-box-shadow: 0 1px 5px rgba(0,0,0,0.1); -webkit-box-shadow: 0 1px 5px rgba(0,0,0,0.1); box-shadow: 0 1px 5px rgba(0,0,0,0.1); background:#e9f6e3; color:#93c088; border:1px solid #ceedc4; padding:15px; margin:15px 0; -moz-border-radius:2px; border-radius:2px; font-weight: bold; text-align: center;} .boxerror { -moz-box-shadow: 0 1px 5px rgba(0,0,0,0.1); -webkit-box-shadow: 0 1px 5px rgba(0,0,0,0.1); box-shadow: 0 1px 5px rgba(0,0,0,0.1); background:#ffe3e3; color:#cf9494; border:1px solid #fdcdcd; padding:15px; margin:15px 0; -moz-border-radius:2px; border-radius:2px; font-weight: bold; text-align: center;} .boxnotice { -moz-box-shadow: 0 1px 5px rgba(0,0,0,0.1); -webkit-box-shadow: 0 1px 5px rgba(0,0,0,0.1); box-shadow: 0 1px 5px rgba(0,0,0,0.1); background:#fcf9da; color:#b3ad77; border:1px solid #ebe7bc; padding:15px; margin:15px 0; -moz-border-radius:2px; border-radius:2px; font-weight: bold; text-align: center;} .boxinfo, .boxsucces, .boxerror, .boxnotice { max-width: 100% !important; display: inline-block !important; } /* -- List styles – ul -- */ ul.simplelist li { padding:3px 0 3px 15px; background: url(images/li_arrow.png) no-repeat 0px center; font-weight: 600; } ul.simplelist { margin:20px 40px; list-style-type: none;} ul.minus-blue-list li { padding:3px 0 3px 17px; background: url(images/li_minus_blue.png) no-repeat 0px center; font-weight: 600; } ul.minus-blue-list { margin:20px 40px; list-style-type: none;} ul.minus-green-list li { padding:3px 0 3px 17px; background: url(images/li_minus_green.png) no-repeat 0px center; font-weight: 600; } ul.minus-green-list { margin:20px 40px; list-style-type: none;} ul.minus-orange-list li { padding:3px 0 3px 17px; background: url(images/li_minus_orange.png) no-repeat 0px center; font-weight: 600; } ul.minus-orange-list { margin:20px 40px; list-style-type: none;} ul.minus-gold-list li { padding:3px 0 3px 17px; background: url(images/li_minus_gold.png) no-repeat 0px center; font-weight: 600; } ul.minus-gold-list { margin:20px 40px; list-style-type: none;} ul.minus-black-list li { padding:3px 0 3px 17px; background: url(images/li_minus_black.png) no-repeat 0px center; font-weight: 600; } ul.minus-black-list { margin:20px 40px; list-style-type: none;} /* -- Accordion -- */ .accordionButton, .accordionButton1, .accordionButton2, .accordionButton3 { width: 93%; float: left; cursor: pointer; padding-bottom:15px; padding-left: 7%; padding-top:15px; font-weight: 600; margin-top: 10px; border-radius: 3px;} .accordionContent { border: none !important;} .accordionButton, .accordionButton1, .accordionButton2, .accordionButton3 { border-left: 5px solid #222222; color: #444; border-top: 1px solid #f0eee9; border-right: 1px solid #f0eee9; } /* -- Accordion -- */ .accordionButton, .accordionButton1, .accordionButton2, .accordionButton3 { background: #fafafa url(images/plus.png) no-repeat 20px 16px; } .on { background: url(images/minus.png) no-repeat 20px 16px; } /* -- Accordion -- */ .accordionButton:hover, .accordionButton1:hover, .accordionButton2:hover, .accordionButton3:hover { background:#fafafa url(images/plus.png) no-repeat 20px 16px;} .on:hover { background: #fafafa url(images/minus.png) no-repeat 20px 16px;}