diff --git a/css/styles.min.css b/css/styles.min.css index b3ec84fa81..f1618ade27 100644 --- a/css/styles.min.css +++ b/css/styles.min.css @@ -2,6 +2,17 @@ body { font-family: 'Cardo', serif; + background-image: + url('../img/fondog.jpg'), + url('../img/fondog.jpg'), + url('../img/fondog.jpg'); + background-size: cover, cover, cover; + background-position: + center top, + center center, + center bottom; + background-attachment: fixed; + background-repeat: no-repeat; } h1, h2, h3, h4, h5, h6, p, span, div { @@ -32,7 +43,7 @@ h1, h2, h3, h4, h5, h6, p, span, div { #eeeeee 50%, #e0e0e0 75%, #d3d3d3 100% -);padding:60px 0;position:relative}.group:after{content:"";display:table;clear:both}.no-padding{padding:0}.no-margin{margin:0}a{color:#4A90E2;-webkit-transition-timing-function:ease;transition-timing-function:ease;-webkit-transition-duration:200ms;transition-duration:200ms;-webkit-transition-property:color,border-color,background-color;transition-property:color,border-color,background-color}a:hover,a:focus{color:#357ABD;text-decoration:none}body{font-family:"Open Sans",sans-serif;font-weight:300;color:rgba(28,54,83,.6);-webkit-text-size-adjust:100%}*:focus{outline:none !important}ul,ol{margin:0;padding:0}ul li{list-style:none}section .header{padding-bottom:30px}.section-padding{padding:40px 0}.section-border{border-bottom:1px solid #e6e9ea}.tooltip{position:absolute;z-index:1070;display:block;font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;font-size:12px;font-weight:normal;line-height:1.4;visibility:visible;filter:alpha(opacity=0);opacity:0}.tooltip.in{filter:alpha(opacity=90);opacity:.9}.tooltip.top{padding:5px 0;margin-top:-3px}.tooltip.right{padding:0 5px;margin-left:3px}.tooltip.bottom{padding:5px 0;margin-top:3px}.tooltip.left{padding:0 5px;margin-left:-3px}.tooltip-inner{max-width:200px;padding:3px 8px;color:#fff;text-align:center;text-decoration:none;text-transform:capitalize;background-color:#000;border-radius:4px}.pulse2{animation-name:pulse2;animation-duration:1s;animation-iteration-count:infinite;animation-timing-function:linear}@keyframes pulse2{0%{transform:scale(1.1)}50%{transform:scale(0.8)}100%{transform:scale(1)}}.floating-arrow{animation-name:floating-arrow;animation-duration:2s;animation-iteration-count:infinite;animation-timing-function:ease-in-out}@keyframes floating-arrow{from{transform:translate(-50%, 0)}65%{transform:translate(-50%, 15px)}to{transform:translate(-50%, 0)}}.floating-logo{animation-name:floating-logo;animation-duration:2s;animation-iteration-count:infinite;animation-timing-function:ease-in-out}@keyframes floating-logo{from{transform:translate(-50%, 0)}50%{transform:translate(-50%, 10px)}to{transform:translate(-50%, 0)}}.wp1,.wp2,.wp3,.wp4,.wp5,.wp6,.wp7,.wp8,.wp9{visibility:hidden}.wp8,.wp9{-webkit-animation-delay:.3s;animation-delay:.3s}.bounceInLeft,.bounceInRight,.fadeInUp,.fadeInUpDelay,.fadeInDown,.fadeInUpD,.fadeInLeft,.fadeInRight,.bounceInDown{visibility:visible}.header-nav.open{visibility:visible;opacity:.9;-webkit-transition:opacity .5s;transition:opacity .5s}.nav-toggle{position:absolute;top:0;right:15px;z-index:999999;padding:10px 35px 16px 0;cursor:pointer}.nav-toggle:focus{outline:none}.nav-toggle span,.nav-toggle span:before,.nav-toggle span:after{content:"";position:absolute;display:block;width:35px;height:3px;-moz-border-radius:1px;-webkit-border-radius:1px;border-radius:1px;background:#fff;cursor:pointer}.nav-toggle span:before{top:-10px}.nav-toggle span:after{bottom:-10px}.nav-toggle span,.nav-toggle span:before,.nav-toggle span:after{-moz-transition:all 300ms ease-in-out;-o-transition:all 300ms ease-in-out;-webkit-transition:all 300ms ease-in-out;transition:all 300ms ease-in-out}.nav-toggle.active span{background-color:rgba(0,0,0,0)}.nav-toggle.active span:before,.nav-toggle.active span:after{top:0}.nav-toggle.active span:before{-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);-o-transform:rotate(45deg);-webkit-transform:rotate(45deg);transform:rotate(45deg)}.nav-toggle.active span:after{top:10px;-moz-transform:translatey(-10px) rotate(-45deg);-ms-transform:translatey(-10px) rotate(-45deg);-o-transform:translatey(-10px) rotate(-45deg);-webkit-transform:translatey(-10px) rotate(-45deg);transform:translatey(-10px) rotate(-45deg)}.navicon{position:absolute;height:26px;right:10px;top:48px;visibility:hidden;transition:all 300ms ease-in-out}.hero{min-height:750px;background:url("../img/newhero.jpg") center center;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover;position:relative}.hero .down-arrow a{color:#fff}.hero h1{color:#fff;margin-bottom:40px}.hero p.intro{color:#fff;font-size:20px;font-weight:300;margin-bottom:80px}.hero .hero-content{padding-top:40%}.hero .hero-content img{width:55%;margin-bottom:12%}.navigation{transition:all 300ms ease-in-out;position:fixed;width:100%;z-index:999}.fixed{position:fixed;background-color:rgba(55,36,40,.88);z-index:999;width:100%}header{padding:50px 0;border-bottom:solid 1px rgba(255,255,255,.2);position:relative;width:1170px;margin:0 auto;transition:padding 300ms ease-in-out}header a{color:#fff;text-transform:uppercase;font-size:13px}header a.login{margin-right:20px}header .logo{display:inline-block}header .logo img{height:19px}header ul.primary-nav{margin:0 0 0 75px;padding:0}header ul.primary-nav li{display:inline}header ul.primary-nav li a{color:#fff;padding-right:25px}header ul.primary-nav li a:hover{color:#e8ca6f}header ul.primary-nav li:last-child a{padding-right:0px}header ul.member-actions li{display:inline}header ul.member-actions li a{color:#fff}header ul.member-actions li a:hover{color:#e8ca6f}header .header-nav{display:inline-block}header .member-actions{position:absolute;right:0;top:41px;transition:all 300ms ease-in-out}.down-arrow{color:#fff;font-size:30px;position:absolute;bottom:30px;left:50%;transform:translateX(-50%)}.share-bar{margin-top:20px}.intro span.icon{font-size:40px;color:#e8ca6f;font-weight:bold}.intro-icon{display:inline-block;vertical-align:top;padding:6px 0 0 0;margin-right:20px;width:40px}.intro-content{display:inline-block;width:80%}#intro{padding-top:40px}#intro img{width:100%;height:auto}#intro p{text-align:center}.features{position:relative}.features p{margin-bottom:0;padding-bottom:0}.features h3{margin:0 0 20px 0}.features span.icon{font-size:35px;color:#e8ca6f;font-weight:bold}.features .feature-icon{display:inline-block;vertical-align:top;padding:6px 0 0 0;margin-right:20px;width:35px}.features .feature-content{display:inline-block;width:75%}.features .intro-icon{display:inline-block;vertical-align:top;padding:6px 0 0 0;margin-right:20px}.features .intro-content{display:inline-block;width:80%}.features ul.features-stack{margin-top:50px}.features ul.features-stack li{margin-top:20px;padding-bottom:20px;border-bottom:solid 1px #e6e9ea}.features ul.features-stack li:last-child{padding-bottom:0px;border-bottom:none}.features .ipad-wrap{width:706px;height:1002px;background:url("../img/ipad-device.png") no-repeat center center;z-index:1}.features .iphone-wrap{width:304px;height:620px;background:url("../img/iphone6.png") no-repeat center center;position:absolute;left:530px;bottom:129px;z-index:2}.features .device-showcase{position:absolute;bottom:-365px;right:61%}.features .responsive-feature-img,.features-extra .responsive-feature-img{display:none}.devices{position:relative}.features-extra{position:relative;z-index:3}.features-extra .btn{margin-top:20px}.features-extra .macbook-wrap{position:absolute;width:916px;height:540px;background:url("../img/macbook-pro.png") no-repeat center center;top:114px;z-index:4;left:50%}.hero-strip{margin-top:120px;background:#333844 url("../img/polygonal-bg.jpg") no-repeat center center;padding-bottom:190px;position:relative}.hero-strip i{font-family:"Nunito",sans-serif;font-weight:300;font-size:25px;color:#f69d52;vertical-align:top;margin-left:-8px;font-style:normal}.hero-strip h2{color:#fff;margin:0 0 20px 0}.hero-strip p{color:#acb1b4}.hero-strip .btn{margin-top:10px}.hero-strip .logo-placeholder{width:230px;height:230px;position:absolute;bottom:-285px;left:50%;transform:translateX(-50%)}.events .leftcol{padding-right:100px;border-right:solid 1px rgba(211, 211, 211, 0.5);border-right:solid 1px #e6e9ea;position:relative;z-index:1}.events .rightcol{padding-left:100px;position:relative;z-index:1}.events .time{font-size:13px;font-style:italic;text-transform:lowercase;color:rgba(28,54,83,.6)}.blog{padding-bottom:120px}.blog img{width:100%;height:auto;-moz-transition:all 300ms ease-in-out;-o-transition:all 300ms ease-in-out;-webkit-transition:all 300ms ease-in-out;transition:all 300ms ease-in-out}.blog h2{font-size:11px;color:#acb1b4;font-weight:500;text-transform:uppercase;margin-top:35px}.blog .btn{margin-top:20px}.blog .blog-img-wrap{position:relative;overflow:hidden}.blog .blog-img-wrap .overlay{position:absolute;width:100%;height:100%;background-color:rgba(255,255,255,.5);-moz-transition:all 300ms ease-in-out;-o-transition:all 300ms ease-in-out;-webkit-transition:all 300ms ease-in-out;transition:all 300ms ease-in-out;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";filter:alpha(opacity=0);opacity:0}.blog .blog-img-wrap i{color:#fff;font-size:20px;position:absolute;width:20px;height:20px;top:25px;right:35px}.blog .blog-img-wrap:hover img,.blog .blog-img-wrap:focus img{-moz-transform:scale(1.1);-ms-transform:scale(1.1);-o-transform:scale(1.1);-webkit-transform:scale(1.1);transform:scale(1.1)}.blog .blog-img-wrap:hover .overlay,.blog .blog-img-wrap:focus .overlay{-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=1)";filter:alpha(opacity=1);opacity:1;z-index:9}.blog figcaption i{margin-left:5px;font-size:15px}.blog figcaption a.blog-post-title{color:rgba(28,54,83,.6)}.blog figcaption a.blog-post-title:hover,.blog figcaption a.blog-post-title:focus{color:#3d4351}#instagram img{width:100%}#eng-pics img{width:100%;height:auto;-moz-transition:all 300ms ease-in-out;-o-transition:all 300ms ease-in-out;-webkit-transition:all 300ms ease-in-out;transition:all 300ms ease-in-out}#eng-pics .img-wrap{position:relative;overflow:hidden;border-radius:4px}#eng-pics .img-wrap .overlay{position:absolute;width:100%;height:100%;background-color:rgba(255,255,255,.5);-moz-transition:all 300ms ease-in-out;-o-transition:all 300ms ease-in-out;-webkit-transition:all 300ms ease-in-out;transition:all 300ms ease-in-out;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";filter:alpha(opacity=0);opacity:0}#eng-pics .img-wrap i{color:#fff;font-size:15px;position:absolute;width:15px;height:15px;top:6px;right:6px}#eng-pics .img-wrap:hover img,#eng-pics .img-wrap:focus img{-moz-transform:scale(1.1);-ms-transform:scale(1.1);-o-transform:scale(1.1);-webkit-transform:scale(1.1);transform:scale(1.1)}#eng-pics .img-wrap:hover .overlay,#eng-pics .img-wrap:focus .overlay{-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=1)";filter:alpha(opacity=1);opacity:1;z-index:9}#eng-pics .diamond{width:230px;height:230px;position:absolute;bottom:-145px;left:50%;transform:translateX(-50%);z-index:500}#eng-pics .ring{width:75px;height:75px;border-radius:75px;border:10px solid #d0d3d4;position:absolute;left:34%;top:75%;z-index:-1}#video-bg{height:300px}#video-content{width:100%;height:100%;padding-top:100px;position:relative;background:rgba(17,17,17,.5);text-align:center}#video-content h5{color:#fff;font-size:30px;font-weight:300;letter-spacing:10px}#video-content p{color:#fff}#map-canvas{height:500px;width:100%;border-radius:8px;box-shadow:0 4px 15px rgba(0,0,0,0.1)}#map-content-wrapper{position:relative;margin-top:-502px;margin-bottom:150px;z-index:10}#map-content{margin-top:40px;padding:30px;background:#fff;border-radius:8px;box-shadow:0 4px 15px rgba(0,0,0,0.1);-webkit-transition:all 0.3s ease;transition:all 0.3s ease}#btn-show-content{position:relative;z-index:20;margin-top:20px;display:inline-block;cursor:pointer;padding:10px 15px;background-color:#f8f9fa;border-radius:5px;box-shadow:0 2px 5px rgba(0,0,0,0.1);-webkit-transition:all 0.3s ease;transition:all 0.3s ease}#btn-show-content:hover{transform:translateY(-2px);box-shadow:0 6px 20px rgba(0,0,0,0.15)}#toggle-map-content{opacity:0;visibility:hidden}.pointer-events-none{pointer-events:none}.pointer-events-auto{pointer-events:auto}.rsvp{padding-bottom:140px}.rsvp .rsvp-form .rsvp-btn{padding:15px 0;border-radius:3px;width:100%;font-size:13px}.rsvp .rsvp-form .form-input-group{width:100%;height:55px;margin:0 auto 10px;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;border:solid 1px #e6e9ea;text-align:left;position:relative}.rsvp .rsvp-form .form-input-group i{color:#6b8bbf;font-size:14px}.rsvp .rsvp-form .form-input-group i:after{content:"";height:30px;width:1px;border-right:solid 1px #e6e9ea;position:absolute;top:50%;left:30px;transform:translateY(-50%)}.rsvp .rsvp-form .form-input-group i.fa-user,.rsvp .rsvp-form .form-input-group i.fa-users,.rsvp .rsvp-form .form-input-group i.fa-envelope,.rsvp .rsvp-form .form-input-group .fa-key{font-size:14px;position:absolute;top:50%;transform:translateY(-50%);margin-left:20px}.rsvp .rsvp-form .form-input-group input{padding-left:68px;width:100%;height:100%;-moz-border-radius:6px;-webkit-border-radius:6px;border-radius:6px;border:none}.rsvp .rsvp-form .form-input-group input::-webkit-input-placeholder{color:#bcc1c3}.rsvp .rsvp-form .form-input-group input:-moz-placeholder{color:#bcc1c3}.rsvp .rsvp-form .form-input-group input::-moz-placeholder{color:#bcc1c3}.rsvp .rsvp-form .form-input-group input:-ms-input-placeholder{color:#bcc1c3}footer .content{border-top:1px solid #e6e9ea;padding-bottom:20px}footer .to-top-wrapper{font-size:30px;display:block;cursor:pointer;margin:-25px auto 50px;border-radius:50%;width:50px;height:50px;border:1px solid #e6e9ea;background:#fff}footer .to-top-wrapper .to-top{display:block;-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-ms-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;transition:all .3s ease-in-out}footer .to-top-wrapper .to-top:hover{margin-top:-5px}footer span.fa-heart{color:#7377a8;font-size:18px;margin:0 2px}body.modal-open{padding-right:0 !important}.modal-body{padding:25px}.countdown-section { +);padding:60px 0;position:relative}.group:after{content:"";display:table;clear:both}.no-padding{padding:0}.no-margin{margin:0}a{color:#4A90E2;-webkit-transition-timing-function:ease;transition-timing-function:ease;-webkit-transition-duration:200ms;transition-duration:200ms;-webkit-transition-property:color,border-color,background-color;transition-property:color,border-color,background-color}a:hover,a:focus{color:#357ABD;text-decoration:none}body{font-family:"Open Sans",sans-serif;font-weight:300;color:rgba(28,54,83,.6);-webkit-text-size-adjust:100%}*:focus{outline:none !important}ul,ol{margin:0;padding:0}ul li{list-style:none}section .header{padding-bottom:30px}.section-padding{padding:40px 0}.section-border{border-bottom:1px solid #e6e9ea}.tooltip{position:absolute;z-index:1070;display:block;font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;font-size:12px;font-weight:normal;line-height:1.4;visibility:visible;filter:alpha(opacity=0);opacity:0}.tooltip.in{filter:alpha(opacity=90);opacity:.9}.tooltip.top{padding:5px 0;margin-top:-3px}.tooltip.right{padding:0 5px;margin-left:3px}.tooltip.bottom{padding:5px 0;margin-top:3px}.tooltip.left{padding:0 5px;margin-left:-3px}.tooltip-inner{max-width:200px;padding:3px 8px;color:#fff;text-align:center;text-decoration:none;text-transform:capitalize;background-color:#000;border-radius:4px}.pulse2{animation-name:pulse2;animation-duration:1s;animation-iteration-count:infinite;animation-timing-function:linear}@keyframes pulse2{0%{transform:scale(1.1)}50%{transform:scale(0.8)}100%{transform:scale(1)}}.floating-arrow{animation-name:floating-arrow;animation-duration:2s;animation-iteration-count:infinite;animation-timing-function:ease-in-out}@keyframes floating-arrow{from{transform:translate(-50%, 0)}65%{transform:translate(-50%, 15px)}to{transform:translate(-50%, 0)}}.floating-logo{animation-name:floating-logo;animation-duration:2s;animation-iteration-count:infinite;animation-timing-function:ease-in-out}@keyframes floating-logo{from{transform:translate(-50%, 0)}50%{transform:translate(-50%, 10px)}to{transform:translate(-50%, 0)}}.wp1,.wp2,.wp3,.wp4,.wp5,.wp6,.wp7,.wp8,.wp9{visibility:hidden}.wp8,.wp9{-webkit-animation-delay:.3s;animation-delay:.3s}.bounceInLeft,.bounceInRight,.fadeInUp,.fadeInUpDelay,.fadeInDown,.fadeInUpD,.fadeInLeft,.fadeInRight,.bounceInDown{visibility:visible}.header-nav.open{visibility:visible;opacity:.9;-webkit-transition:opacity .5s;transition:opacity .5s}.nav-toggle{position:absolute;top:0;right:15px;z-index:999999;padding:10px 35px 16px 0;cursor:pointer}.nav-toggle:focus{outline:none}.nav-toggle span,.nav-toggle span:before,.nav-toggle span:after{content:"";position:absolute;display:block;width:35px;height:3px;-moz-border-radius:1px;-webkit-border-radius:1px;border-radius:1px;background:#fff;cursor:pointer}.nav-toggle span:before{top:-10px}.nav-toggle span:after{bottom:-10px}.nav-toggle span,.nav-toggle span:before,.nav-toggle span:after{-moz-transition:all 300ms ease-in-out;-o-transition:all 300ms ease-in-out;-webkit-transition:all 300ms ease-in-out;transition:all 300ms ease-in-out}.nav-toggle.active span{background-color:rgba(0,0,0,0)}.nav-toggle.active span:before,.nav-toggle.active span:after{top:0}.nav-toggle.active span:before{-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);-o-transform:rotate(45deg);-webkit-transform:rotate(45deg);transform:rotate(45deg)}.nav-toggle.active span:after{top:10px;-moz-transform:translatey(-10px) rotate(-45deg);-ms-transform:translatey(-10px) rotate(-45deg);-o-transform:translatey(-10px) rotate(-45deg);-webkit-transform:translatey(-10px) rotate(-45deg);transform:translatey(-10px) rotate(-45deg)}.navicon{position:absolute;height:26px;right:10px;top:48px;visibility:hidden;transition:all 300ms ease-in-out}.hero{min-height:750px;background:url("../img/newhero.jpg") center center;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover;position:relative}.hero .down-arrow a{color:#fff}.hero h1{color:#fff;margin-bottom:40px}.hero p.intro{color:#fff;font-size:20px;font-weight:300;margin-bottom:80px}.hero .hero-content{padding-top:40%}.hero .hero-content img{width:55%;margin-bottom:12%}.navigation{transition:all 300ms ease-in-out;position:fixed;width:100%;z-index:999}.fixed{position:fixed;background-color:rgba(55,36,40,.88);z-index:999;width:100%}header{padding:50px 0;border-bottom:solid 1px rgba(255,255,255,.2);position:relative;width:1170px;margin:0 auto;transition:padding 300ms ease-in-out}header a{color:#fff;text-transform:uppercase;font-size:13px;transition: color 0.3s ease}header a.login{margin-right:20px}header .logo{display:inline-block}header .logo img{height:19px}header ul.primary-nav{margin:0 0 0 75px;padding:0}header ul.primary-nav li{display:inline}header ul.primary-nav li a{color:#fff;padding-right:25px}header ul.primary-nav li a:hover{color:#e8ca6f}header ul.primary-nav li:last-child a{padding-right:0px}header ul.member-actions li{display:inline}header ul.member-actions li a{color:#fff}header ul.member-actions li a:hover{color:#e8ca6f}header .header-nav{display:inline-block}header .member-actions{position:absolute;right:0;top:41px;transition:all 300ms ease-in-out}.down-arrow{color:#fff;font-size:30px;position:absolute;bottom:30px;left:50%;transform:translateX(-50%)}.share-bar{margin-top:20px}.intro span.icon{font-size:40px;color:#e8ca6f;font-weight:bold}.intro-icon{display:inline-block;vertical-align:top;padding:6px 0 0 0;margin-right:20px;width:40px}.intro-content{display:inline-block;width:80%}#intro{padding-top:40px}#intro img{width:100%;height:auto}#intro p{text-align:center}.features{position:relative}.features p{margin-bottom:0;padding-bottom:0}.features h3{margin:0 0 20px 0}.features span.icon{font-size:35px;color:#e8ca6f;font-weight:bold}.features .feature-icon{display:inline-block;vertical-align:top;padding:6px 0 0 0;margin-right:20px;width:35px}.features .feature-content{display:inline-block;width:75%}.features .intro-icon{display:inline-block;vertical-align:top;padding:6px 0 0 0;margin-right:20px}.features .intro-content{display:inline-block;width:80%}.features ul.features-stack{margin-top:50px}.features ul.features-stack li{margin-top:20px;padding-bottom:20px;border-bottom:solid 1px #e6e9ea}.features ul.features-stack li:last-child{padding-bottom:0px;border-bottom:none}.features .ipad-wrap{width:706px;height:1002px;background:url("../img/ipad-device.png") no-repeat center center;z-index:1}.features .iphone-wrap{width:304px;height:620px;background:url("../img/iphone6.png") no-repeat center center;position:absolute;left:530px;bottom:129px;z-index:2}.features .device-showcase{position:absolute;bottom:-365px;right:61%}.features .responsive-feature-img,.features-extra .responsive-feature-img{display:none}.devices{position:relative}.features-extra{position:relative;z-index:3}.features-extra .btn{margin-top:20px}.features-extra .macbook-wrap{position:absolute;width:916px;height:540px;background:url("../img/macbook-pro.png") no-repeat center center;top:114px;z-index:4;left:50%}.hero-strip{margin-top:120px;background:#333844 url("../img/polygonal-bg.jpg") no-repeat center center;padding-bottom:190px;position:relative}.hero-strip i{font-family:"Nunito",sans-serif;font-weight:300;font-size:25px;color:#f69d52;vertical-align:top;margin-left:-8px;font-style:normal}.hero-strip h2{color:#fff;margin:0 0 20px 0}.hero-strip p{color:#acb1b4}.hero-strip .btn{margin-top:10px}.hero-strip .logo-placeholder{width:230px;height:230px;position:absolute;bottom:-285px;left:50%;transform:translateX(-50%)}.events .leftcol{padding-right:100px;border-right:solid 1px rgba(211, 211, 211, 0.5);border-right:solid 1px #e6e9ea;position:relative;z-index:1}.events .rightcol{padding-left:100px;position:relative;z-index:1}.events .time{font-size:13px;font-style:italic;text-transform:lowercase;color:rgba(28,54,83,.6)}.blog{padding-bottom:120px}.blog img{width:100%;height:auto;-moz-transition:all 300ms ease-in-out;-o-transition:all 300ms ease-in-out;-webkit-transition:all 300ms ease-in-out;transition:all 300ms ease-in-out}.blog h2{font-size:11px;color:#acb1b4;font-weight:500;text-transform:uppercase;margin-top:35px}.blog .btn{margin-top:20px}.blog .blog-img-wrap{position:relative;overflow:hidden}.blog .blog-img-wrap .overlay{position:absolute;width:100%;height:100%;background-color:rgba(255,255,255,.5);-moz-transition:all 300ms ease-in-out;-o-transition:all 300ms ease-in-out;-webkit-transition:all 300ms ease-in-out;transition:all 300ms ease-in-out;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";filter:alpha(opacity=0);opacity:0}.blog .blog-img-wrap i{color:#fff;font-size:20px;position:absolute;width:20px;height:20px;top:25px;right:35px}.blog .blog-img-wrap:hover img,.blog .blog-img-wrap:focus img{-moz-transform:scale(1.1);-ms-transform:scale(1.1);-o-transform:scale(1.1);-webkit-transform:scale(1.1);transform:scale(1.1)}.blog .blog-img-wrap:hover .overlay,.blog .blog-img-wrap:focus .overlay{-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=1)";filter:alpha(opacity=1);opacity:1;z-index:9}.blog figcaption i{margin-left:5px;font-size:15px}.blog figcaption a.blog-post-title{color:rgba(28,54,83,.6)}.blog figcaption a.blog-post-title:hover,.blog figcaption a.blog-post-title:focus{color:#3d4351}#instagram img{width:100%}#eng-pics img{width:100%;height:auto;-moz-transition:all 300ms ease-in-out;-o-transition:all 300ms ease-in-out;-webkit-transition:all 300ms ease-in-out;transition:all 300ms ease-in-out}#eng-pics .img-wrap{position:relative;overflow:hidden;border-radius:4px}#eng-pics .img-wrap .overlay{position:absolute;width:100%;height:100%;background-color:rgba(255,255,255,.5);-moz-transition:all 300ms ease-in-out;-o-transition:all 300ms ease-in-out;-webkit-transition:all 300ms ease-in-out;transition:all 300ms ease-in-out;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";filter:alpha(opacity=0);opacity:0}#eng-pics .img-wrap i{color:#fff;font-size:15px;position:absolute;width:15px;height:15px;top:6px;right:6px}#eng-pics .img-wrap:hover img,#eng-pics .img-wrap:focus img{-moz-transform:scale(1.1);-ms-transform:scale(1.1);-o-transform:scale(1.1);-webkit-transform:scale(1.1);transform:scale(1.1)}#eng-pics .img-wrap:hover .overlay,#eng-pics .img-wrap:focus .overlay{-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=1)";filter:alpha(opacity=1);opacity:1;z-index:9}#eng-pics .diamond{width:230px;height:230px;position:absolute;bottom:-145px;left:50%;transform:translateX(-50%);z-index:500}#eng-pics .ring{width:75px;height:75px;border-radius:75px;border:10px solid #d0d3d4;position:absolute;left:34%;top:75%;z-index:-1}#video-bg{height:300px}#video-content{width:100%;height:100%;padding-top:100px;position:relative;background:rgba(17,17,17,.5);text-align:center}#video-content h5{color:#fff;font-size:30px;font-weight:300;letter-spacing:10px}#video-content p{color:#fff}#map-canvas{height:500px;width:100%;border-radius:8px;box-shadow:0 4px 15px rgba(0,0,0,0.1)}#map-content-wrapper{position:relative;margin-top:-502px;margin-bottom:150px;z-index:10}#map-content{margin-top:40px;padding:30px;background:#fff;border-radius:8px;box-shadow:0 4px 15px rgba(0,0,0,0.1);-webkit-transition:all 0.3s ease;transition:all 0.3s ease}#btn-show-content{position:relative;z-index:20;margin-top:20px;display:inline-block;cursor:pointer;padding:10px 15px;background-color:#f8f9fa;border-radius:5px;box-shadow:0 2px 5px rgba(0,0,0,0.1);-webkit-transition:all 0.3s ease;transition:all 0.3s ease}#btn-show-content:hover{transform:translateY(-2px);box-shadow:0 6px 20px rgba(0,0,0,0.15)}#toggle-map-content{opacity:0;visibility:hidden}.pointer-events-none{pointer-events:none}.pointer-events-auto{pointer-events:auto}.rsvp{padding-bottom:140px}.rsvp .rsvp-form .rsvp-btn{padding:15px 0;border-radius:3px;width:100%;font-size:13px}.rsvp .rsvp-form .form-input-group{width:100%;height:55px;margin:0 auto 10px;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;border:solid 1px #e6e9ea;text-align:left;position:relative}.rsvp .rsvp-form .form-input-group i{color:#6b8bbf;font-size:14px}.rsvp .rsvp-form .form-input-group i:after{content:"";height:30px;width:1px;border-right:solid 1px #e6e9ea;position:absolute;top:50%;left:30px;transform:translateY(-50%)}.rsvp .rsvp-form .form-input-group i.fa-user,.rsvp .rsvp-form .form-input-group i.fa-users,.rsvp .rsvp-form .form-input-group i.fa-envelope,.rsvp .rsvp-form .form-input-group .fa-key{font-size:14px;position:absolute;top:50%;transform:translateY(-50%);margin-left:20px}.rsvp .rsvp-form .form-input-group input{padding-left:68px;width:100%;height:100%;-moz-border-radius:6px;-webkit-border-radius:6px;border-radius:6px;border:none}.rsvp .rsvp-form .form-input-group input::-webkit-input-placeholder{color:#bcc1c3}.rsvp .rsvp-form .form-input-group input:-moz-placeholder{color:#bcc1c3}.rsvp .rsvp-form .form-input-group input::-moz-placeholder{color:#bcc1c3}.rsvp .rsvp-form .form-input-group input:-ms-input-placeholder{color:#bcc1c3}footer .content{border-top:1px solid #e6e9ea;padding-bottom:20px}footer .to-top-wrapper{font-size:30px;display:block;cursor:pointer;margin:-25px auto 50px;border-radius:50%;width:50px;height:50px;border:1px solid #e6e9ea;background:#fff}footer .to-top-wrapper .to-top{display:block;-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-ms-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;transition:all .3s ease-in-out}footer .to-top-wrapper .to-top:hover{margin-top:-5px}footer span.fa-heart{color:#7377a8;font-size:18px;margin:0 2px}body.modal-open{padding-right:0 !important}.modal-body{padding:25px}.countdown-section { padding: 40px 0; background: #fff; margin: 20px 0; @@ -121,4 +132,76 @@ box-shadow: 0 12px 25px rgba(245, 164, 195, 0.3); .contador { color: #0047AB; font-size: 0.8em; +} + +.header-content.dark-header .primary-nav li a, +.header-content.dark-header .member-actions li a { + color: black !important; +} + +/* Estilos cuando cambia a negro */ +.header-content.dark-header a { + color: #000 !important; +} + +/* Estilos iniciales para el hero (blanco) */ +.hero a { + color: #fff !important; +} + +/* Estilos para otras secciones (negro) */ +.header-content.dark-header a:not(.hero a) { + color: #000 !important; +} + +/* Estilos iniciales para el header (blanco) */ +.header-content .primary-nav li a, +.header-content .member-actions li a { + color: #fff !important; + transition: color 0.3s ease; +} + +/* Estilos cuando cambia a negro */ +.header-content.dark-header .primary-nav li a, +.header-content.dark-header .member-actions li a { + color: #000 !important; +} + +/* Mantener el logo blanco si es necesario */ +.header-content .logo a { + color: #fff !important; +} + +/* Asegurarse de que los botones mantengan su estilo */ +.header-content .btn-white { + border-color: #000 !important; + color: #000 !important; +} + +/* Estilos para dispositivos móviles */ +@media (max-width: 768px) { + /* Forzar color blanco en dispositivos móviles */ + .header-content .primary-nav li a, + .header-content .member-actions li a, + .header-content a { + color: #fff !important; + } + + /* Asegurarse de que el header no cambie de color */ + .header-content.dark-header .primary-nav li a, + .header-content.dark-header .member-actions li a, + .header-content.dark-header a { + color: #fff !important; + } + + /* Mantener el logo blanco */ + .header-content .logo a { + color: #fff !important; + } + + /* Ajustar el color de los botones */ + .header-content .btn-white { + border-color: #fff !important; + color: #fff !important; + } } \ No newline at end of file diff --git a/img/bg.jpg b/img/bg.jpg deleted file mode 100644 index 74727c5922..0000000000 Binary files a/img/bg.jpg and /dev/null differ diff --git a/index.html b/index.html index ff79c29125..8fb17741f2 100755 --- a/index.html +++ b/index.html @@ -243,7 +243,7 @@