@font-face { font-family:'Pragmatica'; src: url('/wp-content/themes/amlux/fonts/prg35__c.eot'); src: url('/wp-content/themes/amlux/fonts/prg35__c.eot?#iefix') format('embedded-opentype'), url('/wp-content/themes/amlux/fonts/prg35__c.svg') format('svg'), url('/wp-content/themes/amlux/fonts/prg35__c.woff') format('woff'), url('/wp-content/themes/amlux/fonts/prg35__c.ttf') format('truetype'); font-weight: normal; font-style: normal; } @font-face { font-family:'AvantGarde'; src: url('/wp-content/themes/amlux/fonts/AvantGardeGothicPT-Regular.eot'); src: url('/wp-content/themes/amlux/fonts/AvantGardeGothicPT-Regular.eot?#iefix') format('embedded-opentype'), url('/wp-content/themes/amlux/fonts/AvantGardeGothicPT-Regular.svg') format('svg'), url('/wp-content/themes/amlux/fonts/AvantGardeGothicPT-Regular.woff') format('woff'), url('/wp-content/themes/amlux/fonts/AvantGardeGothicPT-Regular.ttf') format('truetype'); font-weight: normal; font-style: normal; } @font-face { font-family:'AvantGarde'; src: url('/wp-content/themes/amlux/fonts/AvantGardeGothicPT-RegularItalic.eot'); src: url('/wp-content/themes/amlux/fonts/AvantGardeGothicPT-RegularItalic?#iefix') format('embedded-opentype'), url('/wp-content/themes/amlux/fonts/AvantGardeGothicPT-RegularItalic.svg') format('svg'), url('/wp-content/themes/amlux/fonts/AvantGardeGothicPT-RegularItalic.woff') format('woff'), url('/wp-content/themes/amlux/fonts/AvantGardeGothicPT-RegularItalic.ttf') format('truetype'); font-weight: normal; font-style: italic; } @font-face { font-family:'AvantGarde'; src: url('/wp-content/themes/amlux/fonts/AvantGardeGothicPT-DemiBold.eot'); src: url('/wp-content/themes/amlux/fonts/AvantGardeGothicPT-DemiBold?#iefix') format('embedded-opentype'), url('/wp-content/themes/amlux/fonts/AvantGardeGothicPT-DemiBold.svg') format('svg'), url('/wp-content/themes/amlux/fonts/AvantGardeGothicPT-DemiBold.woff') format('woff'), url('/wp-content/themes/amlux/fonts/AvantGardeGothicPT-DemiBold.ttf') format('truetype'); font-weight: bold; font-style: normal; } @font-face { font-family:'AvantGarde'; src: url('/wp-content/themes/amlux/fonts/AvantGardeGothicPT-DemiBoldItalic.eot'); src: url('/wp-content/themes/amlux/fonts/AvantGardeGothicPT-DemiBoldItalic?#iefix') format('embedded-opentype'), url('/wp-content/themes/amlux/fonts/AvantGardeGothicPT-DemiBoldItalic.svg') format('svg'), url('/wp-content/themes/amlux/fonts/AvantGardeGothicPT-DemiBoldItalic.woff') format('woff'), url('/wp-content/themes/amlux/fonts/AvantGardeGothicPT-DemiBoldItalic.ttf') format('truetype'); font-weight: bold; font-style: italic; } @color: #cccccc; @line: 1px solid @color; /* GLOBAL STYLES -------------------------------------------------- */ /* Padding below the footer and lighter body text */ html,body { height:100%; font-family: AvantGarde; } #wrap { min-height: 100%; } #main { overflow:auto; padding-bottom:140px; } .container { max-width: 972px; } .hr { border-top: 2px solid @color; height: 2px; } a { color: #000; } a:hover { color: #62d9f2; } .alignleft { float: left; clear: left; margin-right: 20px; } .alignright { float: right; clear: right; margin-left: 20px; } .aligncenter { display: block; margin: 0 auto; } .align-center { text-align: center; } /* CUSTOMIZE THE NAVBAR -------------------------------------------------- */ .navbar { box-shadow: 0 30px 120px rgba(0,0,0,0.2); } .navbar-brand, .navbar-nav li a { line-height: 76px; height: 76px; padding-top: 0px; color: #000 !important; } .navbar-nav { li { font-size: 16px; } li a { padding: 0px 0px 0px 30px; background: none !important; } li.active a, li.current-page-ancestor a, li.current-post-ancestor a, li.current-category-ancestor a { color: #62d9f2 !important; } } .mltlng-switcher { padding-top: 5px; } .languages { float: left; font-size: 10px; margin-top: 28px; position: relative; text-decoration: none; color: #999; a { color: #999; padding: 2px 8px; &.active { border: 1px solid @color; border-radius: 4px; } &:hover { color: #fff; text-decoration: none; } } .divider { padding: 0px 5px; } } /* CUSTOMIZE THE CAROUSEL -------------------------------------------------- */ /* Carousel base class */ .carousel { height: 500px; margin-bottom: 50px; } /* Since positioning the image, we need to help out the caption */ .carousel-caption { z-index: 10; } /* Declare heights because of positioning of img element */ .carousel .item { height: 500px; background-color: #777; } .carousel-inner > .item > img, .carousel-inner > .item a > img { position: absolute; top: 0; left: 0; min-width: 100%; height: 500px; } .carousel-indicators { li { position: relative; bottom: -54px; border-color: @color; } li.active { background: #a90000; } } /* CUSTOMIZE THE NAVBAR -------------------------------------------------- */ .sub-menu { padding: 0px; margin-top: -5px; li { list-style: none; float: left; padding-right: 5px; } li a { padding: 0px 2px 0px 0px; } li.active a { color: #62d9f2; } li.divider:last-child { display: none; } } /* FORMS -------------------------------------------------- */ .login-form { width:50%; margin: 0 auto; a { color: #62d9f2; } a:hover { color: #62d9f2; } } .wpcf7 { width:50%; margin: 0 auto !important; .wpcf7-submit { float: right; } } /* MARKETING CONTENT -------------------------------------------------- */ .breadcrumbs { font-style: italic; color: #62d9f2; a { color: #000; } a:hover { color: #62d9f2; } } .cat-tags { margin-top: -5px; } .row { .col-lg-4 { margin-bottom: 30px; padding: 0px 20px; } .intro { height: 115px; overflow: hidden; position: relative; top: 20px; .intro-date { text-transform: lowercase; font-style: italic; } .intro-text { font-size: 1em; line-height: 16px; margin-top: 4px; } } .excerpt { height: 76px; overflow: hidden; font-size: 12px; p { margin-top: 10px; } } .btn { float: right; margin-top: 10px; } .btn-more { font-style: italic; font-size: 12px; text-transform: lowercase; &:hover { text-decoration: underline; color: #62d9f2; } } } .v-center { display:table; border:2px solid gray; height:300px; } .content32 { display:table; width:100%; height:100%; } .table-cell1{ display: table-cell; text-align: center; vertical-align: middle; } .wp-post-image { float: left; height: 115px; padding: 0px 10px 10px 0px; } /* Featurettes ------------------------- */ .featurette-divider { margin: 10px 0; /* Space out the Bootstrap
more */ height: 41px; } /* Thin out the row headings */ .featurette-heading { line-height: 1; letter-spacing: -1px; } .headline { font-size: 28px; text-transform: uppercase; } /* MARKETING CONTENT -------------------------------------------------- */ .entry-content { text-align: justify; } .where-to-buy { margin-top: 30px; .col-lg-3 { min-height: 154px; } p { text-align: center; font-size: 11px; } .brand-img { display: block; margin: 0 auto; } } .brands { margin-top: 30px; .brand-img { display: block; margin: 0 auto 30px; } } .brands-line { font-size: 12px; text-align: center; img { margin-bottom: 5px; } } .content-date { text-transform: lowercase; font-style: italic; margin: 10px 0px -20px 0px; } .posts_nav { margin-left: 6px; } /* RESPONSIVE CSS -------------------------------------------------- */ @media (min-width: 768px) { /* Remove the edge padding needed for mobile */ .row { padding-left: 0; padding-right: 0; } /* Navbar positioning foo */ /* Bump up size of carousel content */ .carousel-caption p { margin-bottom: 20px; font-size: 21px; line-height: 1.4; } } @media (min-width: 992px) { .featurette-heading { margin-top: 120px; } } /*---------jCarousel--------------------*/ .carousel-block { margin: 20px 0px; } .jcarousel-skin-tps .jcarousel-container-horizontal { width: 954px; padding: 20px 48px 20px; } .jcarousel-skin-tps .jcarousel-clip-horizontal { width: 812px; height: 92px; } .jcarousel-skin-tps .jcarousel-item-horizontal { width: 284px; text-align: center; background: url(/wp-content/themes/amlux/img/bg_brand-slice.png) no-repeat 0 0; margin: -1px; } .jcarousel-skin-tps .jcarousel-next-horizontal { position: absolute; top: 16px; right: 5px; width: 78px; height: 106px; cursor: pointer; //background: transparent url(http://www.theperfumeshop.com/pws/images/cms/next-horizontal.png) no-repeat 0 0; background: transparent url(/wp-content/themes/amlux/img/next-horizontal.jpg) no-repeat 0 0; } .jcarousel-skin-tps .jcarousel-next-horizontal:hover { background-position: -78px 0; } .jcarousel-skin-tps .jcarousel-next-horizontal:active { background-position: -156px 0; } .jcarousel-skin-tps .jcarousel-next-disabled-horizontal, .jcarousel-skin-tps .jcarousel-next-disabled-horizontal:hover, .jcarousel-skin-tps .jcarousel-next-disabled-horizontal:active { cursor: default; background-position: -188px 0; } .jcarousel-skin-tps .jcarousel-prev-horizontal { position: absolute; top: 16px; left: 5px; width: 78px; height: 106px; cursor: pointer; //background: transparent url(http://www.theperfumeshop.com/pws/images/cms/prev-horizontal.png) no-repeat 0 0; background: transparent url(/wp-content/themes/amlux/img/prev-horizontal.jpg) no-repeat 0 0; } .jcarousel-skin-tps .jcarousel-prev-horizontal:hover { background-position: -78px 0; } .jcarousel-skin-tps .jcarousel-prev-horizontal:active { background-position: -156px 0; } .jcarousel-skin-tps .jcarousel-prev-disabled-horizontal, .jcarousel-skin-tps .jcarousel-prev-disabled-horizontal:hover, .jcarousel-skin-tps .jcarousel-prev-disabled-horizontal:active { cursor: default; background-position: -188px 0; } /* Footer ------------------------- */ .footer { position: relative; margin-top: -140px; height: 140px; clear:both; padding-top:20px; background: #ffffff; color: #444448; box-shadow: 0 -30px 120px rgba(0,0,0,0.2); table tr td { width: 220px; color: #ababab; } .copyright { font-size: 12px; background: #c9c9c9; padding: 5px 0px; margin-top: 23px; } .col-lg-2 p { float: right; } }