/* * 1. Google Font */ @import url(https://fonts.googleapis.com/css?family=Roboto:300,400,700); /* * 2.0 Global Style */ html { font-family: 'Roboto', sans-serif; font-size: 16px; } body { color: #4e4e4e; font-family: 'Roboto', sans-serif; font-size: 16px; font-weight: 300; line-height: 1.6; position: relative; -webkit-font-smoothing: antialiased; } a { color: #000; } a:focus { outline: none; } h1, h2, h3, h4, h5, h6 { font-weight: 700; } p { margin: 0 0 30px; } ul li { font-weight: 500; margin-bottom: 10px; } .custom-list-icon, .list-arrow-right { list-style-type: none; padding: 0; } .custom-list-icon li, .list-arrow-right li { position: relative; padding-left: 20px; } .custom-list-icon li::before, .list-arrow-right li::before { position: absolute; left: 0; color: #4e4e4e; font-family: "Ionicons"; } .social-block { list-style-type: none; padding: 0; } .social-block li { display: inline-block; } .social-block li a { display: inline-block; height: 32px; width: 32px; color: #4e4e4e; } .social-block li a i { font-size: 1.5em; } .social-block li a:hover, .social-block li a:focus { color: #000; } .btn.active.focus, .btn.active:focus, .btn.focus, .btn:active.focus, .btn:active:focus, .btn:focus { outline: none; } .btn { border: 0; border-radius: 0; padding: 6px 28px; text-transform: uppercase; -webkit-transform: translateZ(0); transform: translateZ(0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-property: -webkit-transform; transition-property: transform; } .btn:hover { -webkit-transform: scale(0.9); -ms-transform: scale(0.9); transform: scale(0.9); } .form-control { border-radius: 0; box-shadow: none; height: 48px; padding: 10px 12px; font-size: 16px; line-height: 1.6; } .form-control:focus { box-shadow: none; border-color: #ccc; background-color: #f8f8f8; } .valign-center { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .section { padding: 70px 0; } .section-title { color: #313131; letter-spacing: 1px; margin: 0 0 20px; text-transform: none; text-align: center; } .memories{ margin-right: 0px !important; margin-left: 0px !important; } /* * 3.0 Helper Class */ /* * 3.1 Helper Class: font-weight */ .font-300 { font-weight: 300; } .font-400 { font-weight: 400; } .font-700 { font-weight: 700; } /* * 3.2 Helper Class: margin */ .mt0 { margin-top: 0; } .mb0 { margin-bottom: 0; } .mt20 { margin-top: 20px; } /* * 3.3 Helper Class: list */ .list-arrow-right li::before { content: "\f3d3"; } /* * 3.4 Helper Class: button */ .btn-white { color: #000; background-color: #fff; } .btn-white:hover, .btn-white:focus { color: #000; background-color: #fff; } .btn-black { color: #fff; background-color: #000; } .btn-black:hover, .btn-black:focus { color: #fff; background-color: #000; } /* * 3.5 Helper Class: background */ .bg-image, .bg-image-1, .bg-image-2 { position: relative; } .bg-image::before, .bg-image-1::before, .bg-image-2::before { content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; } .bg-image-1 { background: url(../images/backgrounds/bg-1.jpg) no-repeat center center/cover; } .bg-image-1::before { background-color: rgba(0, 0, 0, 0.7); } .bg-image-2 { background: url(../images/backgrounds/bg-2.jpg) no-repeat center bottom/cover; } .bg-image-2::before { background-color: rgba(0, 0, 0, 0.7); } @media (min-width: 768px) { .section { padding: 90px 0; } .section-title { color: #313131; letter-spacing: 1px; margin: 0 0 60px; text-transform: none; text-align: left; } } /* * 4.0 Navigation */ .navbar-custom { border: 0; margin: 0; padding-top: 10px; padding-bottom: 10px; background-color: #b3a366; -webkit-transition: all 0.2s linear 0s; transition: all 0.2s linear 0s; } .navbar-custom .navbar-nav li { margin: 0; } .navbar-custom .navbar-nav > li > a { color: #fff; text-transform: uppercase; font-size: 12px; font-weight: 400; border-bottom: 1px solid transparent; } .navbar-custom .navbar-nav > li > a:focus, .navbar-custom .navbar-nav > li > a:hover { background-color: transparent; border-color: rgba(255, 255, 255, 0.5); } .navbar-custom .navbar-nav > .active > a { border-color: rgba(255, 255, 255, 0.5); } .navbar-toggle { border: 0; border-radius: 0; margin-top: 2px; } .navbar-toggle .icon-bar { background-color: #fff; } .navbar-solid { background-color: #806600 !important; padding: 0 !important; -webkit-transition: all 0.2s linear 0s; transition: all 0.2s linear 0s; } .navbar-solid-other { background-color: #806600 !important; padding: 0 !important; -webkit-transition: all 0.2s linear 0s; transition: all 0.2s linear 0s; } .site-branding { float: left; margin-top: 0; margin-left: 10px; } .site-branding .logo { color: #fff; font-size: 14px; font-weight: 700; margin-right: 5px; letter-spacing: 3px; } .site-branding .logo:focus, .site-branding .logo:hover { text-decoration: none; } /* * 5.0 Site Header */ .site-header { width: 100%; height: 100%; /* min-height: 100vh;*/ /* position: relative;*/ text-align: center; /*background: url(../images/backgrounds/1.png) no-repeat center center/cover;*/ background-color: #f0ece0 !important; display: table; } .site-header::before { content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; /* background-color: rgba(0, 0, 0, 0.5);*/ } .site-header .intro .important-dates{ margin-top: 2%; margin-bottom: 5%; color: #806600; font-size: 25pt; font-weight: 700; text-decoration: underline; } .site-header .img { width: 100% !important; margin-top: 45px; } .site-header .intro { color: #fff; /* position: relative;*/ text-align: center; width: 100%; z-index: 1; /* background: red;*/ /*padding: 0 15px;*/ /* display: table-cell;*/ /*vertical-align: middle; height: 100vh;*/ } .site-header .intro h2 { margin-top: 0px; font-size: 25px; font-weight: 300; } .site-header .intro h1 { margin-top: 0px; font-size: 30px; } .site-header .intro p { font-size: 20px; margin-bottom: 10px; font-weight: 300; } @media(max-width: 768px){ .site-header .img { width: 100% !important; margin-top: 60px; } } @media (min-width: 768px) { .navbar-custom { background-color: #b3a366; padding-top: 10px; } .site-branding { margin-top: 6px; margin-left: 0; } } /* * 6.0 Section */ /* * 6.1 Section: About */ .about .section-title { margin: 0 0 25px; } .about figure { margin-bottom: 25px; } /* * 6.2 Section: Facts */ .facts i { color: #fff; font-size: 3em; } .facts h3 { color: #fff; text-align: center; font-weight: 400; } /* * 6.3 Section: Speaker */ .speaker { text-align: center; color: #313131; text-transform: none; margin: 25px 0; } .speaker .spkrmodal{ text-transform: none; } .speaker h4 { margin-top: 15px; margin-bottom: 5px; } .speaker p { margin-bottom: 5px; } .speaker img:hover { opacity: .7; } /* * 6.4 Section: Registration & Pricing */ /* * 6.5 Section: Contribution */ .contribution { text-align: center; color: #fff; } /* * 6.6 Section: Schedule */ .schedule-box { /*background-color: #000;*/ color: black; font-weight: 500; } .schedule-header{ color: #fff; background-color: #806600; font-weight: 600; } .schedule-box::before { content: ''; position: absolute; top: 5px; right: 5px; bottom: 5px; left: 5px; /*border: 1px solid #fff;*/ } /* * 6.7 Section: Schedule */ .sponsor .organiser { background-color: #f8f8f8; } .sponsor .sponsor-box { display: block; opacity: 0.3; height: 150px; width: 150px; margin: 25px auto; -webkit-transition: 0.5s all linear; transition: 0.5s all linear; } .sponsor .sponsor-box:hover { opacity: 1; } .sponsor .sponsor-box-1 { background: url(../images/partner/mhrd.png) no-repeat center center/contain; } .organiser .organiser-box { display: block; opacity: 1; height: 70px; width: 200px; margin: 25px auto; -webkit-transition: 0.5s all linear; transition: 0.5s all linear; } /*.organiser .organiser-box:hover { opacity: 1; }*/ .organiser .organiser-box-1 { background: url(../images/logo_4.png) no-repeat center center/contain; } .organiser .organiser-box-2 { background: url(../images/logo_1.png) no-repeat center center/contain; } /* .sponsor .sponsor-box-2 { background: url(../images/partner/partner-2.png) no-repeat center center/contain; } .sponsor .sponsor-box-3 { background: url(../images/partner/partner-3.png) no-repeat center center/contain; } .sponsor .sponsor-box-4 { background: url(../images/partner/partner-4.png) no-repeat center center/contain; } .sponsor .sponsor-box-5 { background: url(../images/partner/partner-5.png) no-repeat center center/contain; } .sponsor .sponsor-box-6 { background: url(../images/partner/partner-6.png) no-repeat center center/contain; } .sponsor .sponsor-box-7 { background: url(../images/partner/partner-7.png) no-repeat center center/contain; } .sponsor .sponsor-box-8 { background: url(../images/partner/partner-8.png) no-repeat center center/contain; } */ /* * 6.8 Section: FAQ */ .faq .panel-heading { cursor: pointer; } .faq .faq-toggle.collapsed::before { font-family: "Ionicons"; content: "\f218"; -webkit-transition: 0.5s linear ease-out; transition: 0.5s linear ease-out; position: absolute; left: 15px; } .faq .faq-toggle::before { position: absolute; left: 15px; font-family: "Ionicons"; content: "\f209"; } .faq .panel-group .panel + .panel { margin-top: 15px; } .faq .panel-default > .panel-heading { color: #FFF; background-color: #000000; border-color: #000; border-radius: 0; padding: 0; } .faq .panel-default > .panel-heading a { position: relative; display: block; text-decoration: none; padding: 15px 15px 15px 35px; } /* * 6.9 Section: photos */ .grid { list-style-type: none; padding: 0; margin: 0; } .grid::after { content: ''; display: block; clear: both; } .grid-item { float: left; overflow: hidden; padding: 3px; margin: 0; width: 100%; } @media (min-width: 768px) { .grid-item-sm-6 { width: 50%; } .grid-item-sm-3 { width: 25%; } .section-title { margin: 0 0 30px; } figure { margin-bottom: 0; } } @media (min-width: 992px) { .schedule-box { margin: 0; } .grid-item-md-6 { width: 50%; } .grid-item-md-3 { width: 25%; } } /* * 7.0 Site-footer */ .site-footer { background-color: #000; color: #fff; text-align: center; padding: 30px 0; } .site-footer .site-info { font-weight: 400; margin-bottom: 10px; } .site-footer .site-info a { color: #fff; } .site-footer .social-block li a { color: #fff; } .site-footer .social-block li a:hover, .site-footer .social-block li a:focus { opacity: 0.8; }