File: /home/imensosw/www/imenso.co/demo/pagetosite/assets/sass/_common.scss
body{
font-size:16px;
font-family:$font__family;
}
@media (min-width: 1200px) {
.container {
width: 1020px;
}
}
a {
color: $color__anchor;
}
strong, h1, h2, h3, h4, h5 {
font-weight:600;
}
.light-bg {
background-color:$background__light;
}
form label {
font-weight:500;
font-size:0.8em;
}
.form-control {
padding:0.575rem 0.85rem;
border-radius:2px;
height:calc(2.25rem + 10px);
}
.form-control:focus {
box-shadow:none;
background: $background__dark;
border-color: #DDD;
}
.btn-primary {
background: $background__theme;
border-color: $background__theme;
padding:0.575rem 1.85rem;
border-radius:4px;
font-weight:600;
transition:0.3s all;
}
.btn-primary:hover {
background: $background__theme-hover;
border-color: $background__theme-hover;
}
.btn-secondary {
background: transparent;
border-color: $color__dark;
padding:0.575rem 1.85rem;
border-radius:2px;
font-weight:500;
transition:0.3s all;
color: $color__dark;
}
.burger {
padding:50px 0;
}
.gutter {
padding:0 100px;
}
.gutter-sm {
padding:0 50px;
}
.custom-select.is-valid:focus, .form-control.is-valid:focus, .was-validated .custom-select:valid:focus, .was-validated .form-control:valid:focus {
box-shadow:none;
}
.custom-select.is-invalid, .form-control.is-invalid, .was-validated .custom-select:invalid, .was-validated .form-control:invalid {
box-shadow:none !important;
}
.check-big {
height:80px;
width:80px;
line-height:70px;
display:inline-block;
border:6px solid green;
border-radius:100%;
color:green;
font-size:40px;
}
.main-menu a {
color: $color__dark;
text-transform:uppercase;
font-size:0.8em;
font-weight:600;
opacity:0.6;
&:hover {
opacity:1;
}
}
.navbar-expand-lg .navbar-nav .nav-link {
padding:0 1rem;
color: $color__dark;
font-size:0.9em;
}
.nav-link.active {
opacity:1;
}
.dropdown-menu::before {
border-bottom: 10px solid rgba(190, 190, 190, 0.4);
border-left: 14px solid transparent;
border-right: 14px solid transparent;
bottom: 100%;
content: " ";
height: 0;
left: 80%;
margin-left: -33%;
pointer-events: none;
position: absolute;
width: 0;
}
.dropdown-menu::after {
border-bottom: 9px solid #fff;
border-left: 13px solid transparent;
border-right: 13px solid transparent;
bottom: 100%;
content: " ";
height: 0;
left: 80%;
margin-left: -33%;
pointer-events: none;
position: absolute;
width: 0;
}
.dropdown-menu {
background: #fff none repeat scroll 0 0;
border: medium none;
border-radius: 2px !important;
box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.3);
position: absolute;
top: 50px;
z-index: 501;
}