/* @override http://localhost:8888/masters/themes/simple/css/typography.css?m=1515750374 http://localhost:8888/masters/themes/simple/css/typography.css?m=1582047196 http://localhost:8888/masters/themes/simple/css/typography.css?m=1582067449 http://localhost:8888/masters/themes/simple/css/typography.css?m=1582125356 http://localhost:8888/masters/themes/simple/css/typography.css?m=1582151404 http://localhost:8888/masters/themes/simple/css/typography.css?m=1582196165 http://localhost:8888/masters/themes/simple/css/typography.css?m=1582197759 http://localhost:8888/masters/themes/simple/css/typography.css?m=1582198244 http://localhost:8888/masters/themes/simple/css/typography.css?m=1582233559 http://localhost:8888/masters/themes/simple/css/typography.css?m=1582236737 http://localhost:8888/masters/themes/simple/css/typography.css?m=1582313505 http://localhost:8888/masters/themes/simple/css/typography.css?m=1582397255 http://localhost:8888/masters/themes/simple/css/typography.css?m=1582477081 http://localhost:8888/masters/themes/simple/css/typography.css?m=1582491322 http://localhost:8888/masters/themes/simple/css/typography.css?m=1582494897 http://localhost:8888/masters/themes/simple/css/typography.css?m=1582496598 http://localhost:8888/masters/themes/simple/css/typography.css?m=1582536354 http://localhost:8888/masters/themes/simple/css/typography.css?m=1582581493 http://localhost:8888/masters/themes/simple/css/typography.css?m=1582706301 http://localhost:8888/masters/themes/simple/css/typography.css?m=1582740594 http://localhost:8888/masters/themes/simple/css/typography.css?m=1582973856 http://localhost:8888/masters/themes/simple/css/typography.css?m=1583092190 http://localhost:8888/masters/themes/simple/css/typography.css?m=1583185022 */ /** ---------------------------------------------------------- * * Contains the generic theme typography styles * * Include your notes or table of contents here * * Include color hex's or values of your grid * #333333 - body * #B80000 - links, headings * #D80000 - links on hover * 5px Vertical grid - based on multiples of 5px, eg 10px, 15px, 20px, 25px... * * @author Your Name * * ------------------------------------------------------- */ /* TEMPLATE CUSTOM FONTS */ /* Generated by Font Squirrel (http://www.fontsquirrel.com) on February 20, 2012 06:04:25 AM America/New_York */ /* add your own custom fonts here */ @font-face { font-family: 'CamboRegular'; src: url('../webfonts/Cambo-Regular-webfont.eot'); src: url('../webfonts/Cambo-Regular-webfont.eot?#iefix') format('embedded-opentype'), url('../webfonts/Cambo-Regular-webfont.woff') format('woff'), url('../webfonts/Cambo-Regular-webfont.ttf') format('truetype'), url('../webfonts/Cambo-Regular-webfont.svg#CamboRegular') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'WebSymbolsRegular'; src: url('../webfonts/websymbols-regular-webfont.eot'); src: url('../webfonts/websymbols-regular-webfont.eot?#iefix') format('embedded-opentype'), url('../webfonts/websymbols-regular-webfont.woff') format('woff'), url('../webfonts/websymbols-regular-webfont.ttf') format('truetype'), url('../webfonts/websymbols-regular-webfont.svg#WebSymbolsRegular') format('svg'); font-weight: normal; font-style: normal; } /* BASE TYPOGRPHY */ /* These are the default styles for the Simple theme */ body { font-size: 13px; /* This overrides the browsers default font size */ line-height: 20px; /* If you change the font-size make sure you change the line-height value as well - the usual ratio is around 1.5 (font-size x 1.5 = line-height) */ margin-bottom: 20px; font-family: arno-pro-display, serif; font-weight: 300; } body a { text-decoration: none; } /* this removes the underline from all links */ body a:link { -webkit-tap-highlight-color: transparent } /* this sets the highlight color when links are tapped on Safari (browser) on iPhone */ /* HEADERS */ .typography h1, .typography h2, .typography h3, .typography h4, .typography h5, .typography h6 { font-family: montserrat, sans-serif; margin-bottom: 10px; color: black; text-transform: uppercase; font-weight: 500; letter-spacing: 4px; } .foot-clm h5 { font-weight: 600; text-transform: uppercase; margin-bottom: 25px; } div.copyright { font-size: 12px; } .typography h1 { font-size: 32px; line-height: 40px; padding-bottom: 5px; margin-top: 0; margin-bottom: 25px; } .typography h2 { font-size: 28px; line-height: 35px; } .typography h3 { font-size: 22px; line-height: 30px; margin-bottom: 10px; } .typography h4 { font-size: 18px; line-height: 25px; margin-bottom: 5px; text-transform: capitalize; letter-spacing: 1.5px; } div.prices-titles h2 { text-transform: capitalize; margin-right: 5px; float: left; margin-bottom: 0; } div.prices-titles h3 { margin-bottom: 0; vertical-align: bottom; text-transform: capitalize; font-weight: 300; letter-spacing: 1.5px; margin-top: 4px; } div.prices-price { font: normal 30px/33px montserrat, serif; letter-spacing: 2px; margin-bottom: 12px; } div.prices-time { font: 19px montserrat; letter-spacing: 1px; font-weight: 600; } .prices div h2,.prices div h3 { display: inline-block; } .typography h5 { font-size: 16px; line-height: 20px; margin-bottom: 5px; } .typography h6 { font-size: 14px; line-height: 20px; font-weight: bold; margin-bottom: 5px; } #StaffHolder h1 { text-align: left; } /* PARAGRAGHS */ .typography p { font-size: 27px; line-height: 37px; margin: 0 0 20px; letter-spacing: 0.5px; } .contact-details .foot-spc p { line-height: 30px; } div.foot-clm.contact-details { line-height: 35px; font-size: 27px; } div#c4.content p { max-width: 60%; } .typography .intro { font-size: 34px; line-height: 68px; padding-left: 55px; background: url(../images/icon1-21.svg) no-repeat left center; background-size:contain; display: inline; } .treatments .typography span.intro { padding-left: 70px; background: url(../images/icon2-21.svg) no-repeat left center; background-size:contain; } div#c6.content.clm-50 { margin-left: 9%; } .typography em { font-style: italic; } ::selection, ::-moz-selection { /* Applies style to highlighted portion of a page */ background: #CFE5FF; color: #FFF; text-shadow: none; } /* LINKS */ .typography a, .typography a.intro { color: #FF7E6B; text-decoration: none; transition: all ease 0.2s; } .typography a:hover { color: black; } .typography a:focus { } /* LIST STYLES -------------------------------------------- */ .typography ul, .typography ol, .typography ul li { list-style-type: none; } /* adds disc style bullet to the list */ /* TABLE STYLES -------------------------------------------- */ .typography table { border-collapse: collapse; /* borders are collapsed into a single border when possible */ border: 1px solid #d4d4d4; border-spacing: 0; /* The border-spacing property sets the distance between the borders of adjacent cells - acts as a backup to border-collapse: collapse */ margin: 0 0 10px; text-align: left; } .typography table tr:nth-child(even) { background-color: #ededed } .typography table tr.even, .typography table th, .typography thead td { background-color: #ededed } .typography table td, .typography table th { padding: 2px 5px; border: 1px solid #d4d4d4; vertical-align: top; } .typography table th { font-weight: bold; } /* WYSIWYG EDITOR ALIGNMENT CLASSES -------------------------------------------- */ .typography .left { text-align: left } .typography .center { text-align: center } .typography .right { text-align: right } /* IMAGES -------------------------------------------- */ .typography img { height: auto; /* resets the image height so that it maintains its aspect ratio when width is set */ // background: transparent url(../images/ajax-loader.gif) no-repeat center center; } .typography img.left { float: left; max-width: 50%; margin: 5px 20px 10px 0; } .typography img.right { float: right; max-width: 50%; /* Responsive width */ margin: 5px 0 10px 20px; } .typography img.leftAlone { float: left; margin-right: 100%; margin-bottom: 10px; clear: both; } .typography img.center { float: none; margin-left: auto; margin-right: auto; display: block; margin-bottom: 10px; clear: both; } .typography .captionImage { width: 100%; margin-top: 5px; } .typography .captionImage img { margin: 0; } .typography .captionImage.left { float: left; margin: 5px 30px 20px 0px; } .typography .captionImage.right{ float: right; margin: 5px 0 20px 30px; } .typography .captionImage.left[style], .typography .captionImage.right[style] { max-width: 50%; /* Overides core width to make responsive */ } .typography .captionImage.left img, .typography .captionImage.right img { float: none; max-width: none; width: 100%; } .typography .captionImage.left img { margin-right: -10px; } .typography .captionImage.right img { margin-left: -10px; } .typography .captionImage.right p { margin-left: -10px; text-align: left; margin-left: -10px; } .typography .captionImage.leftAlone{ float:none; margin: 0 20px 20px 0px; } .typography .captionImage.center{ margin: 0 auto 20px; } .typography .captionImage p { clear: both; margin: 5px 0; font-style: italic; color: #888; } /* BLOCKQUOTES -------------------------------------------- */ .typography blockquote { background: transparent url(../images/blockquote.png) no-repeat 0px 6px; font-family: "CamboRegular", Georgia, "Times New Roman", Times, serif; color: #777; display: block; font-style: italic; margin: 0 0 20px; float: right; text-indent: 30px; width: 50%; margin-left: 5%; clear: both; } .typography blockquote p { font-size: 17px; line-height: 25px; } .typography pre { background: #F7F7F7; border: 1px solid #E4E4E4; font-family: Courier, monospace; margin: 0 0 20px 0; padding: 15px; clear: both; } /* ADDRESS -------------------------------------------- */ address { display: block; margin-bottom: 20px; }