@import url('custom-fonts.css');

/* SITEWIDE */
/* Primary button styling */
.btn-primary {color: #FFF; background: #0F5B9C;}
.btn-primary:hover {background: #1E87B5;}

.btn-primary,
.showroom-detail .hproduct .view-link,
.showroom-detail .callout .callout-button,
.pricing .ePrice .btn,
.pricing .eprice-button,
.pricing [data-eprice].btn,
.mycars-favorites .hproduct .pricing .make-an-offer,
.locations-proximity [type="submit"] {background: #0F5B9C; background-color: #0F5B9C; color: #FFF;}

.btn-default:hover, .ui-dialog-buttonset button:hover, .btn-primary:hover, .showroom-detail .hproduct .view-link:hover, .showroom-detail .callout .callout-button:hover, .tabs-tabbed-widgets.tabs-tabbed-widgets-extension-2 .tab-inner span.active, .tabs-tabbed-widgets.tabs-tabbed-widgets-extension-2 .tab-inner span.currentPage, .pricing .ePrice .btn:hover, .pricing .eprice-button:hover, .pricing [data-eprice].btn:hover, .mycars-favorites .hproduct .pricing .make-an-offer:hover, .locations-proximity [type="submit"]:hover, .btn-secondary:hover, .on-deposit-link:hover, .mycars .menu a.mycars-reserve-it-now-btn:hover, .btn-default:focus, .ui-dialog-buttonset button:focus, .btn-primary:focus, .showroom-detail .hproduct .view-link:focus, .showroom-detail .callout .callout-button:focus, .pricing .ePrice .btn:focus, .pricing .eprice-button:focus, .pricing [data-eprice].btn:focus, .mycars-favorites .hproduct .pricing .make-an-offer:focus, .locations-proximity [type="submit"]:focus, .btn-secondary:focus, .on-deposit-link:focus, .mycars .menu a.mycars-reserve-it-now-btn:focus, .nav > li > .btn-default:hover, .ddc-nav-inline > li > .btn-default:hover, .ui-dialog-buttonset
.nav > li > button:hover, .ui-dialog-buttonset .ddc-nav-inline > li > button:hover, .nav > li > .btn-primary:hover, .ddc-nav-inline > li > .btn-primary:hover, .showroom-detail .hproduct
.nav > li > .view-link:hover, .showroom-detail .hproduct .ddc-nav-inline > li > .view-link:hover, .showroom-detail .callout
.nav > li > .callout-button:hover, .showroom-detail .callout .ddc-nav-inline > li > .callout-button:hover, .tabs-tabbed-widgets.tabs-tabbed-widgets-extension-2 .tab-inner
.nav > li > span.active, .tabs-tabbed-widgets.tabs-tabbed-widgets-extension-2 .tab-inner .ddc-nav-inline > li > span.active, .tabs-tabbed-widgets.tabs-tabbed-widgets-extension-2 .tab-inner
.nav > li > span.currentPage, .tabs-tabbed-widgets.tabs-tabbed-widgets-extension-2 .tab-inner .ddc-nav-inline > li > span.currentPage, .pricing .ePrice
.nav > li > .btn:hover, .pricing .ePrice .ddc-nav-inline > li > .btn:hover, .pricing
.nav > li > .eprice-button:hover, .pricing .ddc-nav-inline > li > .eprice-button:hover, .pricing
.nav > li > [data-eprice].btn:hover, .pricing .ddc-nav-inline > li > [data-eprice].btn:hover, .mycars-favorites .hproduct .pricing
.nav > li > .make-an-offer:hover, .mycars-favorites .hproduct .pricing .ddc-nav-inline > li > .make-an-offer:hover, .locations-proximity
.nav > li > [type="submit"]:hover, .locations-proximity .ddc-nav-inline > li > [type="submit"]:hover, .nav > li > .btn-secondary:hover, .ddc-nav-inline > li > .btn-secondary:hover, .nav > li > .on-deposit-link:hover, .ddc-nav-inline > li > .on-deposit-link:hover, .mycars .menu
.nav > li > a.mycars-reserve-it-now-btn:hover, .mycars .menu .ddc-nav-inline > li > a.mycars-reserve-it-now-btn:hover, .nav > li > .btn-default:focus, .ddc-nav-inline > li > .btn-default:focus, .ui-dialog-buttonset .nav > li > button:focus, .ui-dialog-buttonset .ddc-nav-inline > li > button:focus, .nav > li > .btn-primary:focus, .ddc-nav-inline > li > .btn-primary:focus, .showroom-detail .hproduct .nav > li > .view-link:focus, .showroom-detail .hproduct .ddc-nav-inline > li > .view-link:focus, .showroom-detail .callout .nav > li > .callout-button:focus, .showroom-detail .callout .ddc-nav-inline > li > .callout-button:focus, .pricing .ePrice .nav > li > .btn:focus, .pricing .ePrice .ddc-nav-inline > li > .btn:focus, .pricing .nav > li > .eprice-button:focus, .pricing .ddc-nav-inline > li > .eprice-button:focus, .pricing .nav > li > [data-eprice].btn:focus, .pricing .ddc-nav-inline > li > [data-eprice].btn:focus, .mycars-favorites .hproduct .pricing .nav > li > .make-an-offer:focus, .mycars-favorites .hproduct .pricing .ddc-nav-inline > li > .make-an-offer:focus, .locations-proximity .nav > li > [type="submit"]:focus, .locations-proximity .ddc-nav-inline > li > [type="submit"]:focus, .nav > li > .btn-secondary:focus, .ddc-nav-inline > li > .btn-secondary:focus, .nav > li > .on-deposit-link:focus, .ddc-nav-inline > li > .on-deposit-link:focus, .mycars .menu .nav > li > a.mycars-reserve-it-now-btn:focus, .mycars .menu .ddc-nav-inline > li > a.mycars-reserve-it-now-btn:focus {background: #1E87B5; background-color: #1E87B5;}

/* HEADER */
.page-header.responsive-centered-nav.no-box-shadow,
.header-transition .page-header.responsive-centered-nav,
.page-header.responsive-centered-nav .header-navigation .header-default,
.page-header.responsive-centered-nav .header-navigation .navigation-default .navbar-nav {min-height: 115px;}

.page-header.responsive-centered-nav,
.header-transition.header-transition-opacity .page-header.responsive-centered-nav {background: #000;}

.header-default .header-logo,
.header-default .value-statement{transition: 300ms ease all;}
.header-default .header-logo img {width: 145px;}
.header-default .value-statement {font-weight: 100; text-transform: uppercase; font-family: 'palatinoLinotype',serif; font-style: italic; letter-spacing: 0px; font-size: 2rem; left: 108px; bottom: -49px; position: relative;}

/* HEADER - Moving custom logo & value statement left on smaller devices */
@media (max-width: 1125px) {
	.header-default .header-logo,
	.header-default .value-statement {margin-left: -45px;}	
}

/* HEADER - Social Icons to MyCars Container */
.page-header.responsive-centered-nav .mycars-default .custom-social-container {position: relative; z-index: 1000;}
.page-header.responsive-centered-nav .mycars-default .custom-social-container .social-header-buttons a + a {margin-left: 10px;}

/* HEADER - MyCars Positioning */
.page-header.responsive-centered-nav .mycars-default #mycars-toolbar > div {padding-top: 30px;}
.page-header.responsive-centered-nav .mycars-default .mycars.mycars-integration-navbar {min-height: 115px;}
.page-header.responsive-centered-nav .mycars-default .mycars.mycars-integration-navbar .popup {top: 88px;}


/* NAV */
.page-header.responsive-centered-nav .header-navigation .navigation-default .navbar-nav > li > a {height: 115px; font-family: 'MyriadPro-regular','Myriad',sans-serif; font-size: 1.8rem; border-bottom: 5px solid transparent; transition: 300ms border ease; font-weight: 100; min-width: 110px;}
@media (max-width: 1500px) {.page-header.responsive-centered-nav .header-navigation .navigation-default .navbar-nav > li > a {min-width: 90px;}}
@media (max-width: 1250px) {.page-header.responsive-centered-nav .header-navigation .navigation-default .navbar-nav > li > a {min-width: 70px;}}
.page-header.responsive-centered-nav .header-navigation .navigation-default .navbar-nav > li.open > a {border-bottom: 5px solid #3e7ab4;}
.page-header.responsive-centered-nav .header-navigation .navigation-default .navbar-nav > li > a:hover {color: inherit; border-bottom: 5px solid #3e7ab4;}
.page-header.responsive-centered-nav .header-navigation .ddc-mega-menu-nav .dropdown.open > a {color: inherit;}
.page-header.responsive-centered-nav .header-navigation .ddc-mega-menu-nav .dropdown.open .caret:before {display: none;}
.page-header.responsive-centered-nav .header-navigation .navigation-default .dropdown-menu {top: 115px;}


/* HERO */
.index .content-hero[data-widget-id="content1"] .hero-content-box h2 {font-size: 7rem; text-transform: uppercase; font-style: italic; color: #FFF; font-family: 'palatinoLinotype',serif; font-weight: 400;}
.index .content-hero.content1 .hero-content-background {height: inherit;}


/* REGION 2 | Three Blurbs */
.region-2 > .container {transition: 300ms all ease;}
@media (min-width: 1210px) {.region-2 > .container {width: 1200px;}}
@media (min-width: 1400px) {.region-2 > .container {width: 1380px;}}
.region-2 {color: #FFF; padding: 110px 0 70px;}
.region-2 {background: linear-gradient(rgba(0,0,0,0.65),rgba(0,0,0,0.65)),url(https://pictures.dealer.com/p/paganibeverlyhills/1377/1f3f87e4409c6af4d993630b6e32472fx.jpg) #222222 no-repeat scroll center center / 100% auto;}
@media (max-width: 1100px) {.region-2 {background-size: cover;}}
.cst-quote {padding-bottom: 60px;}
.cst-quote .content-default {max-width: 960px; margin: 0 auto;}
.cst-quote:before {content:"P"; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -20px); font-size: 25rem; line-height: 0.35; color: rgba(255,255,255,.1); font-family: 'Didot',serif; font-weight: 400;}
.cst-quote * {font-family: 'palatinoLinotype',serif; font-weight: 100;}
.cst-quote h2 {text-align: center; text-transform: uppercase; font-size: 2.5rem; letter-spacing: .2rem; font-family: 'Didot','palatinoLinotype',serif;}
.cst-quote h5 {text-align: right; font-size: 2.2rem;}
.cst-blurb {text-align: center; padding: 150px 20px 0; position: relative; font-family: 'palatinoLinotype',serif;}
.cst-blurb h3 {font-size: 2rem; text-transform: uppercase; font-weight: 100; font-family: 'Didot',serif; letter-spacing: .25rem;}
.cst-blurb p {font-style: italic; font-size: 1.75rem; font-weight: 100; font-family: 'palatinoLinotype','Palatino',serif;}
.cst-blurb-1 {background: url(/sites/p/paganinewportbeach/images/blurbIcon_globe.png) scroll no-repeat center top / auto auto;}
.cst-blurb-2 {background: url(/sites/p/paganinewportbeach/images/blurbIcon_gears.png) scroll no-repeat center top / auto auto;}
.cst-blurb-3 {background: url(/sites/p/paganinewportbeach/images/blurbIcon_camera.png) scroll no-repeat center top / auto auto;}


/* REGION 3 | Pagani Newport 50/50 section */
.region-3 * {transition: 300ms ease all;}
.region-3 {display: flex; max-height: 450px; max-width: 1920px; overflow: hidden; margin: 0 auto;}
.region-3 > div {flex: 1;}
.region-3 .cst-split-content {background-color: #63666A; color: #FFF; display: flex;}
.region-3 .cst-split-content .content {padding: 10% 20%;}
.region-3 .cst-split-content .content h3 {font-size: 2.9rem; font-style: italic; text-transform: uppercase; font-weight: 100; font-family: 'palatinoLinotype',serif;}
.region-3 .cst-split-content .content p {font-family:'MyriadPro-regular','Myriad',sans-serif; font-size: 1.7rem; font-weight: 100;}
.region-3 .cst-split-image {background-color: #DAD9DE; padding: 0;}
.region-3 .cst-split-image .image-default {border: 0; margin: 0;}


/* REGION 4 | Pagani Experience 50/50 section */
.region-4 * {transition: 300ms ease all;}
.region-4 {display: flex; max-height: 450px; max-width: 1920px; overflow: hidden; margin: 0 auto;}
.region-4 > div {flex: 1;}
.region-4 .cst-split-content {background-color: #63666A; color: #FFF; display: flex;}
.region-4 .cst-split-content .content {padding: 10% 20%;}
.region-4 .cst-split-content .content h3 {font-size: 2.9rem; font-style: italic; text-transform: uppercase; font-weight: 100; font-family: 'palatinoLinotype',serif;}
.region-4 .cst-split-content .content p {font-family:'MyriadPro-regular','Myriad',sans-serif; font-size: 1.7rem; font-weight: 100;}
.region-4 .cst-split-image {background-color: #fff; padding: 0;}
.region-4 .cst-split-image .image-default {background-color: #000; border: 0; margin: 0;}
.region-4 .cst-split-image .image-default img {margin-left: auto; margin-right: 0;}


/* REGION3 + REGION4 | Reduce 50/50 content padding & font size */
@media (max-width: 1200px) {
	.region-3 .cst-split-content .content {padding: 6% 15%;}
	.region-4 .cst-split-content .content {padding: 6% 15%;}
}

@media (max-width: 1035px) {
	.region-3 .cst-split-content .content p {font-size: 1.5rem;}
	.region-4 .cst-split-content .content p {font-size: 1.5rem;}
}


/* REGION 5 | Service */
.region-5 {background-color: #fff;}
.region-5 .cst-service-container .content-default h1 {font-size: 5rem; text-transform: uppercase; font-family: 'palatinoLinotype', serif; text-align: center; font-weight: 100; font-style: italic; margin: 50px 0 0; padding: 75px 10px; position: relative;}
.region-5 .cst-service-container .content-default h1:before {content:"S"; position: absolute; top: 69%; left: 50%; transform: translateX(-50%); font-size: 25rem; line-height: 0.35; color: rgba(0,0,0,.1); font-family: 'Didot',serif; font-style: normal;}
.region-5 .cst-service-container .content-default h3 {font-size: 3.2rem; text-align: center; font-weight: 400; margin: 20px 0 60px; font-family: 'MyriadPro-regular','Myriad',sans-serif;}
.region-5 .cst-pagani-services {padding: 10px 10px 60px;}
.region-5 .cst-pagani-services h2 {font-size: 3.5rem; text-transform: uppercase; font-family: 'palatinoLinotype',serif; text-align: center; font-weight: 100; font-style: italic; color: #1A759C; margin-bottom: 30px;}
.region-5 .cst-pagani-services p {width: 70%; margin: 0 auto; text-align: center; font-size: 2.15rem; font-family:'MyriadPro-regular','Myriad',sans-serif;}


/* REGION 6 | Shopping Boutique*/
.region-6 .content-hero .hero-content-box {width: 94%; padding: 40px 0 30px 140px; margin-left: -100px; background: url(/sites/p/paganinewportbeach/images/pagani_boutique_icon.png) scroll no-repeat 0 0;}
.region-6 .content-hero .hero-content-box h3 {text-align: left; font-weight: 400; margin: 0; line-height: 1; font-family:'MyriadPro-regular','Myriad',sans-serif;}
@media (max-width: 1200px) {.region-6 .content-hero .hero-content-box {margin-left: 0;}}


/* REGION 7 | Contact */
.region-7 {position: relative;}
.region-7 .content-hero .hero-content-box {padding: 100px 0; margin-top: 80px;}
.region-7 .content-hero .hero-content-box h3 {font-size: 5rem; text-transform: uppercase; font-family: 'palatinoLinotype', serif; text-align: center; font-weight: 100; font-style: italic; position: relative;}
.region-7 .content-hero .hero-content-box h3:before {content:"C"; position: absolute; top: 0; left: 50%; transform: translateX(-50%); font-size: 30rem; line-height: 0.9; color: rgba(255,255,255,.1); font-family: 'Didot', serif; font-style: normal; font-weight: 100;}
.region-7 .form-inline .form-group, .region-7 .navbar-form .form-group {display: inline-block; margin-bottom: 0; vertical-align: middle;}
.region-7 .cst-contact-form {width: 1000px; margin: 0 auto; position: absolute; top: 50%; left: 50%; transform: translateX(-50%);}
.region-7 .cst-contact-form form {text-align: center;}
.region-7 .cst-contact-form label {padding-right: 0; color: #fff; font-weight: 400;}
.region-7 .cst-contact-form .form-group:last-of-type {display: block; margin-top: 15px;}
.region-7 .cst-contact-form .form-group:not(:last-of-type) {width: 24.7%;}
.region-7 .cst-contact-form .form-group .form-control {border-radius: 0; box-shadow: none; background: transparent; color: #FFF; font-weight: 400;}
.region-7 .cst-contact-form .form-group textarea.form-control {min-height: 100px;}
.region-7 .cst-contact-form .form-group .form-control:focus {border-color: #fff; outline: none;}
.region-7 .cst-contact-form .btn {display: block; margin: 10px auto; padding: 10px 40px; background: #1A759C; text-transform: uppercase; font-style: italic; font-size: 2.2rem; font-weight: 100; font-family: 'palatinoLinotype', serif; transition: 300ms all ease; border: 4px solid transparent;}
.region-7 .cst-contact-form .btn:hover {background: #1e87b5;}
.region-7 .cst-contact-form .btn:before {display: none;}
.region-7 .cst-contact-form .errors {color: #fff; margin-bottom: -32px;}


/* REGION 8 | Map */
.index .push {display: none;}
.region-8 .map-dynamic {margin-bottom: 0;}


/* ddcalmirc M-00407382 | Composer-Specific styling for widget accessibility */
.ddc-composer .cst-contact {background-color: #000;}
.ddc-composer .cst-contact-form {position: static; transform: none;}
.ddc-composer .region-3,
.ddc-composer .region-3 .cst-split-content,
.ddc-composer .region-4,
.ddc-composer .region-4 .cst-split-content {display: block; max-height: none; max-width: none; height: auto;}

 /* ddcalmirc M-00509913 */
.ddc-composer .region-3 .cst-split-content .content,
.ddc-composer .region-4 .cst-split-content .content {padding: 0 !important;}

/* ddcalmirc M-00410160 */
.cst-blurb a {color: #FFF;}
.content-page-title h1 {font-family: 'palatinoLinotype',serif; font-style: italic;}
.cst-contact-form textarea.form-control.ui-widget-content {border: 1px solid #bebebe;}

/* dtjosem M-00410998 */
.custom-fv > h3 {font-family: 'palatinoLinotype',serif; font-style: italic; text-align: center; font-size: 3rem; font-weight: 100; text-transform: uppercase;}