115 lines
3.2 KiB
CSS
115 lines
3.2 KiB
CSS
<!-- start Simple Custom CSS and JS -->
|
|
<style type="text/css">
|
|
@media screen and (min-width: 991px){
|
|
|
|
/*** HEADER ***/
|
|
.masthead{
|
|
max-height:160px;
|
|
}
|
|
|
|
/*** LOGO ***/
|
|
.branding a{
|
|
display: flex!important;
|
|
justify-content: center;
|
|
}
|
|
.branding a img{
|
|
display: flex;
|
|
align-self: center;
|
|
max-width:25%;
|
|
}
|
|
|
|
/*** MENU ***/
|
|
.from-centre-line > li > a .menu-item-text:before{
|
|
bottom:30px;
|
|
}
|
|
.navigation{
|
|
border-top: 1px solid rgba(51, 51, 51, 0.1);
|
|
padding-top:10px;
|
|
}
|
|
.header-bar{
|
|
top:-45px!important;
|
|
}
|
|
.top-bar.line-content:before, .top-bar.full-width-line:before{
|
|
border-bottom:none!important;
|
|
}
|
|
#primary-menu li a span span{
|
|
letter-spacing:2px;
|
|
font-weight:bolder;
|
|
}
|
|
/*#primary-menu li:last-child{
|
|
float:right!important;
|
|
right:0px!important;
|
|
background: rgba(121,173,73,1);
|
|
background: -moz-linear-gradient(left, rgba(121,173,73,1) 0%, rgba(165,202,96,1) 55%, rgba(121,173,73,1) 100%);
|
|
background: -webkit-gradient(left top, right top, color-stop(0%, rgba(121,173,73,1)), color-stop(55%, rgba(165,202,96,1)), color-stop(100%, rgba(121,173,73,1)));
|
|
background: -webkit-linear-gradient(left, rgba(121,173,73,1) 0%, rgba(165,202,96,1) 55%, rgba(121,173,73,1) 100%);
|
|
background: -o-linear-gradient(left, rgba(121,173,73,1) 0%, rgba(165,202,96,1) 55%, rgba(121,173,73,1) 100%);
|
|
background: -ms-linear-gradient(left, rgba(121,173,73,1) 0%, rgba(165,202,96,1) 55%, rgba(121,173,73,1) 100%);
|
|
background: linear-gradient(to right, rgba(121,173,73,1) 0%, rgba(165,202,96,1) 55%, rgba(121,173,73,1) 100%);
|
|
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#79ad49', endColorstr='#79ad49', GradientType=1 );
|
|
border-radius:50px;
|
|
}
|
|
#primary-menu li:last-child a span span{
|
|
color:#ffffff!important;
|
|
}
|
|
#primary-menu li:last-child:hover a span span,
|
|
#primary-menu li:last-child a:hover span span,
|
|
#primary-menu li:last-child a span:hover span,
|
|
#primary-menu li:last-child a span span:hover,
|
|
#primary-menu li:last-child .menu-text,
|
|
#primary-menu li:last-child .menu-text:hover,
|
|
#primary-menu li:last-child a .menu-item-text:before,
|
|
#primary-menu li:last-child a:hover .menu-item-text:before{
|
|
color:#ffffff!important;
|
|
}*/
|
|
|
|
|
|
/*** CONTACT ***/
|
|
.mini-contacts{
|
|
display:flex;
|
|
flex-direction:column;
|
|
justify-content:center;
|
|
}
|
|
.mini-contacts img,
|
|
.mini-contacts span{
|
|
display:flex;
|
|
float:left!important;
|
|
flex-direction:row;
|
|
align-self:center;
|
|
}
|
|
.mini-contacts img{
|
|
max-width:25px;
|
|
}
|
|
.mini-contacts span{
|
|
color:#6f6f6f!important;
|
|
padding-left:10px;
|
|
padding-top:5px;
|
|
font-size:12px;
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
@media screen and (min-width: 779px) and (max-width: 990px){
|
|
|
|
.mobile-branding a{
|
|
max-width:25%;
|
|
}
|
|
.mini-contacts img{
|
|
display:none!important;
|
|
}
|
|
}
|
|
|
|
@media screen and (min-width: 200px) and (max-width: 778px){
|
|
|
|
.mobile-branding a{
|
|
max-width:50%;
|
|
}
|
|
.mini-contacts img{
|
|
display:none!important;
|
|
}
|
|
|
|
}</style>
|
|
<!-- end Simple Custom CSS and JS -->
|