/*!
 * Start Bootstrap - Freelancer v5.0.4 (https://startbootstrap.com/template-overviews/freelancer)
 * Copyright 2013-2019 Start Bootstrap
 * Licensed under MIT (https://github.com/BlackrockDigital/startbootstrap-freelancer/blob/master/LICENSE)
 */
 
 body {
font-family : Lato;
}
h1, h2, h3, h4, h5, h6 {
font-weight : 700;
font-family : Montserrat;
}
hr.star-dark, hr.star-light {
max-width : 15rem;
padding : 0;
text-align : center;
border : none;
border-top : 0.25rem solid;
margin-top : 2.5rem;
margin-bottom : 2.5rem;
margin-left : auto;
margin-right : auto;
}
hr.star-dark:after, hr.star-light:after {
position : relative;
top : -0.8em;
display : inline-block;
padding : 0 0.25em;
content : '\f005';
font-family : "Font Awesome 5 Free";
font-weight : 900;
font-size : 2em;
}
hr.star-light {
border-color : #fff;
}
hr.star-light:after {
color : #fff;
background-color : #18bc9c;
}
hr.star-dark {
border-color : #2c3e50;
}
hr.star-dark:after {
color : #2c3e50;
background-color : #fff;
}
section {
padding : 6rem 0;
}
section h2 {
font-size : 2.25rem;
line-height : 2rem;
}
@media (min-width:992px) {
section h2 {
font-size : 3rem;
line-height : 2.5rem;
}
}
.btn-xl {
padding : 1rem 1.75rem;
font-size : 1.25rem;
}
.btn-social {
width : 3.25rem;
height : 3.25rem;
font-size : 1.25rem;
line-height : 2rem;
}
.scroll-to-top {
z-index : 1042;
right : 1rem;
bottom : 1rem;
display : none;
}
.scroll-to-top a {
width : 3.5rem;
height : 3.5rem;
background-color : rgb(33 37 41 / 0.5);
line-height : 3.1rem;
}
#mainNav {
padding-top : 1rem;
padding-bottom : 1rem;
font-weight : 700;
font-family : Montserrat;
}
#mainNav .navbar-brand {
color : #fff;
}
#mainNav .navbar-nav {
margin-top : 1rem;
letter-spacing : 0.0625rem;
}
#mainNav .navbar-nav li.nav-item a.nav-link {
color : #fff;
}
#mainNav .navbar-nav li.nav-item a.nav-link:hover {
color : greenyellow;
}
#mainNav .navbar-nav li.nav-item a.nav-link:active, #mainNav .navbar-nav li.nav-item a.nav-link:focus {
color : #fff;
}
#mainNav .navbar-nav li.nav-item a.nav-link.active {
color : #fff;
}
#mainNav .navbar-toggler {
font-size : 80%;
padding : 0.8rem;
}
@media (min-width:992px) {
#mainNav {
padding-top : 1.5rem;
padding-bottom : 1.5rem;
transition : padding-top 0.3s, padding-bottom 0.3s;
}
#mainNav .navbar-brand {
font-size : 2em;
transition : font-size 0.3s;
}
#mainNav .navbar-nav {
margin-top : 0;
}
#mainNav .navbar-nav > li.nav-item > a.nav-link.active {
color : #fff;
background : #dda134;
}
#mainNav .navbar-nav > li.nav-item > a.nav-link.active:active, #mainNav .navbar-nav > li.nav-item > a.nav-link.active:focus, #mainNav .navbar-nav > li.nav-item > a.nav-link.active:hover {
color : #fff;
background : #c16a04;
}
#mainNav.navbar-shrink {
padding-top : 0.5rem;
padding-bottom : 0.5rem;
}
#mainNav.navbar-shrink .navbar-brand {
font-size : 1.5em;
}
}
header.masthead {
padding-top : calc(2rem + 72px);
padding-bottom : 6rem;
}
header.masthead h1 {
font-size : 3rem;
line-height : 3rem;
}
header.masthead h2 {
font-size : 1.3rem;
font-family : Lato;
}
@media (min-width:992px) {
header.masthead {
padding-top : calc(2rem + 106px);
padding-bottom : 6rem;
}
header.masthead h1 {
font-size : 4.75em;
line-height : 4rem;
}
header.masthead h2 {
font-size : 1.75em;
}
}
.portfolio {
margin-bottom : -15px;
}
.portfolio .portfolio-item {
position : relative;
display : block;
max-width : 25rem;
margin-bottom : 15px;
}
.portfolio .portfolio-item .portfolio-item-caption {
transition : all 0.5s ease;
opacity : 0;
background-color : rgb(24 188 156 / 0.9);
}
.portfolio .portfolio-item .portfolio-item-caption:hover {
opacity : 1;
}
.portfolio .portfolio-item .portfolio-item-caption .portfolio-item-caption-content {
font-size : 1.5rem;
}
@media (min-width:576px) {
.portfolio {
margin-bottom : -30px;
}
.portfolio .portfolio-item {
margin-bottom : 30px;
}
}
.portfolio-modal .portfolio-modal-dialog {
padding : 3rem 1rem;
min-height : calc(100vh - 2rem);
margin : 1rem calc(1rem - 8px);
position : relative;
z-index : 2;
box-shadow : 0 0 3rem 1rem rgb(0 0 0 / 0.5);
}
.portfolio-modal .portfolio-modal-dialog .close-button {
position : absolute;
top : 2rem;
right : 2rem;
}
.portfolio-modal .portfolio-modal-dialog .close-button i {
line-height : 38px;
}
.portfolio-modal .portfolio-modal-dialog h2 {
font-size : 2rem;
}
@media (min-width:768px) {
.portfolio-modal .portfolio-modal-dialog {
min-height : 100vh;
padding : 5rem;
margin : 3rem calc(3rem - 8px);
}
.portfolio-modal .portfolio-modal-dialog h2 {
font-size : 3rem;
}
}
.floating-label-form-group {
position : relative;
border-bottom : 1px solid #e9ecef;
}
.floating-label-form-group input, .floating-label-form-group textarea {
font-size : 1.5em;
position : relative;
z-index : 1;
padding-right : 0;
padding-left : 0;
resize : none;
border : none;
border-radius : 0;
background : 0 0;
box-shadow : none !important ;
}
.floating-label-form-group label {
font-size : 0.85em;
line-height : 1.764705882em;
position : relative;
z-index : 0;
top : 2em;
display : block;
margin : 0;
transition : top 0.3s ease, opacity 0.3s ease;
vertical-align : middle;
vertical-align : baseline;
opacity : 0;
}
.floating-label-form-group:not(:first-child) {
padding-left : 14px;
border-left : 1px solid #e9ecef;
}
.floating-label-form-group-with-value label {
top : 0;
opacity : 1;
}
.floating-label-form-group-with-focus label {
color : #18bc9c;
}
form .row:first-child .floating-label-form-group {
border-top : 1px solid #e9ecef;
}
.footer {
padding-top : 5rem;
padding-bottom : 5rem;
background-color : #2c3e50;
color : #fff;
}
.copyright {
background-color : #1a252f;
}
a {
color : #000000;
}
a:active, a:focus, a:hover {
color : #128f76;
}
.btn {
border-width : 2px;
}
.bg-primary {
background-color : #ef8305 !important ;
}
.bg-secondary {
background-color : #2c3e50 !important ;
}
.text-primary {
color : #18bc9c !important ;
}
.text-secondary {
color : #2c3e50 !important ;
}
.btn-primary {
background-color : #F39220;
border-color : #F39220;
}
.btn-primary:active, .btn-primary:focus, .btn-primary:hover {
background-color : #8A2A5C;
border-color : #8A2A5C;
}
.btn-secondary {
background-color : #2c3e50;
border-color : #2c3e50;
}
.btn-secondary:active, .btn-secondary:focus, .btn-secondary:hover {
background-color : #1a252f;
border-color : #1a252f;
}