/* -------------- Theme name: Debut Author: Lucid Themes Version: 1.0 Last change: 08/01/2015 -------------- */ /* ------- STYLE CSS CONTENTS ------- - 1) Basic styling - 2) Coming soon template main - 2.1) Google map - 2.2) Countdown timer - 2.3) Featured content - 2.4) Forms - 2.5) Social icons - 5) Side swap option ------------------------------------ */ /* --- 1) BASIC STYLING --- */ body { background-color: #dce9f1; } p,h1,h2,h3,h4{margin:0;padding:0;} ul{list-style:none;margin:0;padding:0;} .font-reg{font-family: 'Roboto', sans-serif;font-weight:400;} .font-light{font-family: 'Roboto', sans-serif;font-weight:300;} h1, h2, h3 { font-size: 30px; color: #c3b896; line-height: 38px; text-transform: uppercase; font-weight: 400; letter-spacing: 4px; margin-bottom: 25px; } p { font-size: 14px; color: #6b7b86; line-height: 21px; font-weight: 400; letter-spacing: 1px; margin-bottom: 20px; } /* -- buttons -- */ .primary-button{font-size:14px;line-height:15px;color:#ffffff;display:inline-block;padding:12px 25px 11px;border:2px solid #222222;background-color:#222222;letter-spacing:3px;text-transform:uppercase;text-decoration:none;cursor:pointer;} .primary-button:hover{background-color:#474747;color:#ffffff;border-color:#474747;} .secondary-button{font-size:14px;line-height:15px;color:#222222;display:inline-block;padding:12px 25px 11px;border:2px solid #222222;background-color:#ffffff;letter-spacing:3px;text-transform:uppercase;text-decoration:none;cursor:pointer;} .secondary-button:hover{background-color:#222222;color:#ffffff;border-color:#222222;} .rounded-button{border-radius:30px;} /* --- 2) COMING SOON TEMPLATE MAIN --- */ .coming-soon-content{position:relative;} .coming-soon-inner{width:80%;position:absolute;top:50%;left:0;right:0;margin-left:auto;margin-right:auto;text-align:center;transform:translateY(-50%);-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);} .coming-soon-inner img{display:inline-block;width:auto;margin-bottom:25px;} /* -- GOOGLE MAP -- */ .map-section,#map-content{height:100%;width:100%;} /* -- COUNTDOWN TIMER -- */ #coming-soon-countdown{padding:20px 0;} .countdown-row{text-align:center;} .countdown-section{float:left;padding:0 15px;} .countdown-show4 .countdown-section{width:25%;} .countdown-show3 .countdown-section{width:33%;} .countdown-show2 .countdown-section{width:50%;} .countdown-show1 .countdown-section{width:100%;} .countdown-amount,.countdown-period{display:block;font-family: 'Roboto', sans-serif;} .countdown-amount{font-size:50px;line-height:50px;color:#222222;font-weight:300;} .countdown-amount:after{width:50px;height:1px;display:block;background-color:#222222;content:"";margin:10px auto;} .countdown-period{font-size:14px;font-weight:400;line-height:21px;} .featured-content .countdown-amount,.featured-content .countdown-period{color:#ffffff;} .featured-content .countdown-amount:after{background-color:#ffffff;} /* -- FEATURED CONTENT -- */ .featured-content{position:relative;} .featured-content-inner{width:80%;position:absolute;top:50%;left:0;right:0;margin-left:auto;margin-right:auto;text-align:center;transform:translateY(-50%);-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);z-index:1;} .col-xlarge-12 .featured-content-inner{width:50%;} .featured-overlay{width:100%;height:100%;position:absolute;top:0;left:0;} .opacity-25{background-color:rgba(34,34,34,0.25);} .opacity-50{background-color:rgba(34,34,34,0.5);} .opacity-75{background-color:rgba(34,34,34,0.75);} .opacity-90{background-color:rgba(34,34,34,0.9);} /* -- featured banner -- */ .banner-content{background-position:center center;background-size:cover;} /* -- featured slide show -- */ .featured-slide{background-position:center center;background-size:cover;position:relative;} .carousel .owl-controls{width:100%;height:20px;text-align:center;position:absolute;bottom:25px;} .carousel .owl-dots {display:inline-block;margin-left:-10px;} .carousel .owl-dot{width:11px;height:11px;float:left;margin-left:10px;border-radius:50%;background-color:#ffffff;display:inline-block;margin-top:10px;} .carousel .owl-dot.active{background-color:#222222;} /* -- featured video -- */ .video-content{overflow:hidden;} .video-content video{min-height: 100%;min-width: 100%;height: auto!important;position: absolute;left: -50%;right: 0;margin-left: auto;margin-right: auto;} .col-xlarge-12 .video-content video{left:0;} /* -- FORMS -- */ .form{margin:40px auto 0;} .form-input{width:100%;font-size: 16px;height: auto;padding:10px 15px;margin-bottom:20px;border:1px solid #eceef0;} .form-text{width:100%;max-width:100%;min-height:150px;max-height:400px;padding:10px;vertical-align:top;margin-bottom:20px;border:1px solid #eceef0;} .form-input,.form-text{font-size:15px;line-height:20px;-webkit-transition: border-color ease-in-out 0.25s;transition: border-color ease-in-out 0.25s;} .form-input:focus,.form-text:focus{border-color:#222222;} .form-style-2 input[type=submit]{width:100%;} .width-100{max-width:100%;} .width-90{max-width:90%;} .width-80{max-width:80%;} .width-70{max-width:70%;} .width-60{max-width:60%;} .width-50{max-width:50%;} .width-40{max-width:40%;} .width-30{max-width:30%;} /* -- SOCIAL ICONS -- */ .social-icons{height:20px;background-color:;position:absolute;bottom:30px;left:0;right:0;margin-left:auto;margin-right:auto;text-align:center;} #social-inner{display:inline-block;} .social-icons li{margin-right:20px;float:left;} .social-icons li:last-child{margin-right:0;} .social-icons li a{font-size:18px;color:#222222;} /* -- side swap option -- */ .side-swap-outer{width:240px;height:180px;position:fixed;left:-200px;top:75px;z-index:100;-webkit-transition:left ease-in-out 0.15s;transition:left ease-in-out 0.15s;} .side-swap-btn{width:40px;height:40px;background-color:#ffffff;float:left;border:1px solid #D0D0D0;border-left:0;float:right;text-align:center;font-size:23px;color:#525252;cursor:pointer;} .side-swap-btn .fa{margin-top:8px;} a { text-decoration: none; font-weight: normal; color: #a59e85; background: 0 0; }