/* Theme Name: Angelina Salon Author: Two Steps Forward Version: 1.0 */ html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{font-size:100%;font:inherit;padding:0;border:0;margin:0;vertical-align:baseline}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}table{border-collapse:collapse;border-spacing:0}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}.clear{clear:both}.sticky{}.bypostauthor{}.wp-caption{}.wp-caption-text{}.gallery-caption{} .alignright{} .alignleft{} .aligncenter { margin: 0 auto; display: block; } @font-face { font-family: 'Conv_eras-light'; src: url('/wp-content/themes/angelinasalon/includes/eras-light.eot'); src: url('/wp-content/themes/angelinasalon/includes/eras-light.eot#iefix') format('embedded-opentype'), url('/wp-content/themes/angelinasalon/includes/eras-light.woff') format('woff'), url('/wp-content/themes/angelinasalon/includes/eras-light.ttf') format('truetype'), url('/wp-content/themes/angelinasalon/includes/eras-light.svg') format('svg'); font-weight: normal; font-style: normal; } body { background-color: #242424; background-image: url('/wp-content/themes/angelinasalon/images/body_background.png'); background-position: left top; font-family: 'Open Sans', sans-serif; } h2 { font-family: 'Conv_eras-light', sans-serif; color: #fff; font-size: 30px; line-height: 30px; margin-bottom: 15px; text-transform: uppercase; text-shadow: 2px 2px 5px #000; -moz-text-shadow: 2px 2px 5px #000; -webkit-text-shadow: 2px 2px 5px #000; display: block; padding-left: 20px; } #headerWrapper { width: 100%; } #header { width: 960px; height: 200px; margin: 0 auto; padding-top: 30px; background: url('/wp-content/themes/angelinasalon/images/lady_part11.png') 602px top no-repeat; } body.home #header { background: url('/wp-content/themes/angelinasalon/images/lady_part1.png') right top no-repeat; } #header a.logo { width: 368px; height: 143px; display: block; background: url('/wp-content/themes/angelinasalon/images/logo.png') 0 0 no-repeat; float: left; margin-bottom: 20px; } #header div.slogan { background: url('/wp-content/themes/angelinasalon/images/slogan_background.png') 0 0 no-repeat; float: left; width: 113px; height: 95px; display: block; margin: 0 0 0 20px; font-family: 'Conv_eras-light', sans-serif; text-shadow: 2px 2px 0.5px #000; -moz-text-shadow: 2px 2px 0.5px #000; -webkit-text-shadow: 2px 2px 0.5px #000; } #header div.slogan span { color: #e9297e; float: left; display: block; font-size: 34px; margin: 18px 0 0 12px; } #header div.slogan p { color: #fff; float: right; display: block; font-size: 24px; line-height: 20px; margin: 16px 16px 0 0; } /* ************************************************************************* */ #topNavigation ul.menu { height: 40px; display: block; } #topNavigation ul.menu li { float: left; } #topNavigation ul.menu li a, #footerNavigation ul.menu li a { display: block; font-family: 'Open Sans', sans-serif; font-size: 15px; line-height: 37px; font-weight: 300; color: white; text-decoration: none; padding: 0px 13px; color: #ababab; text-shadow: 1px 1px 0 #000; -moz-text-shadow: 1px 1px 0 #000; -webkit-text-shadow: 1px 1px 00 #000; } #topNavigation ul.menu li a:hover, #topNavigation ul li.current-menu-item a, #footerNavigation ul.menu li a:hover, #footerNavigation ul.menu li.current-menu-item a { background-image: url('/wp-content/themes/angelinasalon/images/menu_item_background.png'); background-position: left top; background-repeat: repeat-x; background-color: #1a1a1a; color: #fff; } /* ************************************************************************* */ #sliderWrapper { width: 100%; } #slider { width: 960px; height: 282px; margin: 0 auto; background: url('/wp-content/themes/angelinasalon/images/lady_part2.jpg') left top no-repeat; } #slider .content { color: #fff; font-family: 'Conv_eras-light', sans-serif; padding: 60px 50px; } #slider .content h1 { font-size: 55px; display: block; text-shadow: 3px 3px 10px #000; -moz-text-shadow: 3px 3px 10px #000; -webkit-text-shadow: 3px 3px 10px #000; margin-bottom: 5px; } #slider .content p { font-size: 26px; line-height: 30px; font-family:'Open Sans', sans-serif; font-weight: 300; margin-bottom: 5px; text-shadow: 2px 2px 6px #000; -moz-text-shadow: 2px 2px 6px #000; -webkit-text-shadow: 2px 2px 6px #000; } #slider .content strong { font-weight: 400;} #sliderShadow { width: 960px; height: 34px; margin: 0 auto; background: url('/wp-content/themes/angelinasalon/images/slider_shadow.png') center top no-repeat; } /* ************************************************************************* */ #servicesWrapper { width: 100%; } #servicesMainpage { width: 960px; margin: 0 auto; padding: 15px 0 10px; } #servicesMainpage .serviceExcerpt { width: 310px; height: 187px; float: left; margin-right: 15px; background-image: url('/wp-content/themes/angelinasalon/images/excerpt_backgrounds.jpg'); background-repeat: no-repeat; } #servicesMainpage .serviceExcerpt h3 { font-family: 'Conv_eras-light', sans-serif; color: #fff; font-size: 30px; line-height: 30px; margin-bottom: 15px; text-shadow: 2px 2px 5px #000; -moz-text-shadow: 2px 2px 5px #000; -webkit-text-shadow: 2px 2px 5px #000; display: block; } #servicesMainpage .serviceExcerpt .content { padding: 25px 0 25px 25px; height: 115px; } #servicesMainpage .serviceExcerpt p { font-size: 14px; line-height: 20px; font-family: 'Open Sans', sans-serif; font-weight: 400; color: #fff; text-shadow: 1px 1px 0px #000; -moz-text-shadow: 1px 1px 0px #000; -webkit-text-shadow: 1px 1px 0px #000; } #servicesMainpage .serviceExcerpt strong { color: #e9297e;} .serviceExcerpt.cut { background-position: 0 0; } .serviceExcerpt.colour { background-position: -320px 0; } .serviceExcerpt.highlights { background-position: -640px 0; margin-right: 0 !important; } #servicesMainpage div.shadow { display: block; width: 100%; height: 22px; background: url('/wp-content/themes/angelinasalon/images/services_shadow.png') center top no-repeat; } /* ************************************************************************* */ #companyInfoWrapper { width: 100%; } #companyInfo { width: 960px; margin: 0 auto; padding: 15px 0 0; } #news { float: left; width: 635px; } #news .newsContent { background: #1c1c1c; background: rgba(0,0,0,0.3); padding: 0 20px; } #news .newsPost { padding: 20px 0; background: url('/wp-content/themes/angelinasalon/images/post_background.png') left bottom repeat-x; } #news .newsPost:last-child { background: none !important;} #news .newsPost p { color: #b9b9b9; font-size: 14px; line-height: 18px; text-align: justify; } #news .newsPost a.postTitle { color: #fff; font-size: 18px; line-height: 20px; text-decoration: none; margin-bottom: 7px; display: block; font-weight: 400; } #news .newsPost a.postTitle:hover { color: #e9297e; text-decoration: underline; } #news .newsPost a.postThumbnail { display: block; width: 100px; height: 100px; float: left; } #news .newsPost .postContent { float: left; padding: 10px 0 0 20px; width: 475px; } #contactData { width: 310px; float: right; } #contactData .contactContent { padding: 15px 20px 15px; color: white; } #contactData p { color: #fff; font-size: 14px; line-height: 18px; margin-bottom: 10px; } #contactData .pw_map_canvas { width: 280px !important; margin: 0 auto 10px; } #contactData a.mapLink { margin-left: 20px; display: block; color: #e9297e; font-size: 14px; line-height: 18px; text-decoration: none; } #contactData a.mapLink:hover { text-decoration: underline; color: #fff; } /* ************************************************************************* */ #footerWrapper { width: 100%; } body.page #footerWrapper { border: 0; } #footer { width: 960px; margin: 0 auto; color: white; padding: 33px 0 0; position: relative; } #footerNavigation { padding: 0; background-color: #1a1a1a; } #footerNavigation ul.menu { display: block; float: left; margin: 0; padding: 0; } #footerNavigation ul.menu li { float: left; } #footerNavigation ul.menu li a { font-size: 13px !important; } #footer p { font-size: 12px; line-height: 14px; margin: 15px 0; text-align: center; color: #5e5e5e; } #footer a.madeBy { float: right; display: block; width: 29px; height: 23px; background: url('/wp-content/themes/angelinasalon/images/2stfwd.png') 0 0 no-repeat; margin: 7px 7px 0 0; } #footer a.madeBy:hover { background-position: 0 -23px; } #footer div.flower { display: block; position: absolute; right: 45px; top: 0; width: 118px; height: 83px; background: url('/wp-content/themes/angelinasalon/images/footer_flower.png'); } /* ************************************************************************* */ #subpageWrapper { width: 100%; } #subpage { width: 960px; margin: 0 auto; } #subpage .subpageContent { background: #1c1c1c; background: rgba(0,0,0,0.3); padding: 30px 30px 30px 30px; width: 900px; color: #fff; } #subpage h1 { height: 125px; margin: 0; display: block; background: url('/wp-content/themes/angelinasalon/images/subpage_title_background.jpg') top left no-repeat; font-size: 55px; color: #fff; text-shadow: 3px 3px 10px #000; -moz-text-shadow: 3px 3px 10px #000; -webkit-text-shadow: 3px 3px 10px #000; font-family: 'Conv_eras-light', sans-serif; line-height: 125px; padding-left: 40px; } #subpage .titleShadow { display: block; width: 100%; height: 30px; background: url('/wp-content/themes/angelinasalon/images/subpage_title_shadow.png') center top no-repeat; } #subpage p { color: #b9b9b9; margin-bottom: 10px; font-size: 17px; line-height: 22px; text-shadow: 0px 0px 3px #000; -moz-text-shadow: 0px 0px 3px #000; -webkit-text-shadow: 0px 0px 3px #000; text-align: justify; } #subpage strong { font-weight: 700; } #subpage a { margin-top: 15px; display: block; color: #e9297e; font-size: 14px; line-height: 18px; text-decoration: none; } #subpage h4 a { margin-top: 0px; } #subpage a:hover { color: #fff; text-decoration: underline; } #subpage a.returnHome { margin-top: 15px; } #subpage img.subpage { float: right; margin-left: 30px; } #subpage ul { margin-bottom: 15px; padding-left: 30px; list-style: square; } #subpage ul li { margin-bottom: 5px; padding: 0; color: #B9B9B9; } #subpage ul li a { margin: 0; padding: 2px 7px; } #subpage ul li a:hover { background: black; color: #f7b803; } #subpage div.client span { font-size: 14px; color: #f5a702; display: block; padding-bottom: 10px; border-bottom: 1px solid #c6c6c6; } #subpage.post h2 { color: white; font-size: 27px; padding-left: 0; } #subpage.post div.postImage { display: block; width: 300px; height: 300px; float: right; } #subpage .hoursWrapper { width: 360px; float: right; margin-left: 40px; } #subpage .openingHours { padding: 20px; border: 1px solid #3F3F3F; } #subpage .openingHours p { border-bottom: 1px dashed #b9b9b9; margin: 0; line-height: 30px; } #subpage .openingHours p:hover { border-bottom: 1px solid #b9b9b9; color: #fff; } #subpage h2.hoursHeader { text-align: center; padding: 0; } #subpage h2.contactHeader { padding: 0; } #subpage span.hour { float: right; color: #e9297e; } #subpage .leftPart { float: left; width: 50%; } #subpage .rightPart { float: right; width: 40%; } #subpage input[type="text"], #subpage input[type="email"] { border: 0; line-height: 25px; padding: 5px 10px; background: #3D3D3D; color: #fff; font-size: 14px; } #subpage textarea { border: 0; line-height: 25px; padding: 5px 10px; background: #3D3D3D; color: #fff; font-size: 14px; height: 125px; font-family: 'Open Sans', sans-serif; } #subpage form > p { font-size: 13px; color: #7E7E7E; margin-bottom: 5px; } #subpage td { padding: 10px; } #subpage .priceList tr { line-height: 35px; border-bottom: 1px dashed #b9b9b9; } #subpage .priceList td { padding: 0 10px !important; } #subpage .priceList tr:hover { border-bottom: 1px solid #b9b9b9; background: #e9297e; color: #000; } .ngg-galleryoverview { margin: 0 auto !important; width: 865px !important; } .highslide { margin-top: 10px !important; } .highslide img { border: 0 !important; } .ngg-gallery-thumbnail img { background-color: transparent !important; border: 1px solid #ababab !important; margin-right: 10px !important; } .ngg-gallery-thumbnail img:hover { background-color: #e9297e !important; border: 1px solid #e9297e !important;} a.highslide-credits { display: none !important; } .ngg-gallery-thumbnail-box { margin-right: 0 !important; } .ngg-album-compactbox { border: 0 !Important; } .ngg-albumoverview .ngg-album-compact { padding: 0 !important; width: auto !important; height: auto !important; margin-right: 15px !important; margin-bottom: 25px !important; } .ngg-albumoverview .ngg-album-compact .ngg-album-compactbox { background: none !important; padding: 0 !important; width: auto !important; height: auto !important; margin: 0 !important; } .ngg-albumoverview .ngg-album-compact .ngg-album-compactbox a { border: 1px solid #ababab !important; margin-right: 10px !important; margin-top: 0 !important; padding: 4px; line-height: 0 !important; } .ngg-albumoverview .ngg-album-compact .ngg-album-compactbox a:hover { background-color: #e9297e !important; border: 1px solid #e9297e !important;} .ngg-album-compact h4 .ngg-album-desc { font-size: 13px !important; font-weight: normal !important; height: auto !important; width: 100px !important; line-height: 16px !important; } .ngg-album-compact h4 { height: 35px !important; } .ngg-albumoverview .ngg-album-compact p { font-weight: normal !important; font-size: 11px !important; } .ngg-album-compactbox:before { border: 0 !Important; } .ngg-album-compactbox:after { border: 0 !Important; } /* ************************************************************************* */ * { outline: none; } .clear { clear: both; } .noMarginRight { margin-right: 0 !important; } .noBorder { border: 0 !important; } div.wpcf7-mail-sent-ok, div.wpcf7-validation-errors { border: 0 !important; } span.wpcf7-not-valid-tip { border: 0 !important; background: #e9297e !important; color: #000 !important; padding: 5px 10px !important; width: 250px !important; text-shadow: none; }