Current Directory: /home/astoriaah/www/old15/templates/client/less/layout
Viewing File: /home/astoriaah/www/old15/templates/client/less/layout/logo.less
/* Logo
-----------------------------------------------------------------------------*/
#logo{
background:@logoModuleBG;
height:@navbar-height;
padding:20px;
border-left:4px solid @secondary2;
overflow:hidden;
h1,
h1 a,
h2,
h2 a,
h3,
h3 a {
margin: 0;
padding-top:0;
color:@logoColor;
font-size: @logoSize !important;
text-decoration:none;
line-height:(@navbar-height / 2);
&:hover {
color:@link-hover-color
}
}
img {
display:inline-block;
margin-left:8px;
margin-top:-20px
}
p {
color: @taglineColor;
font-weight: normal;
display:block;
margin-top: @taglineTop;
margin-left: @taglineLeft;
margin-bottom:0 !important;
text-transform:uppercase;
font-size:90%;
}
@media screen and (max-width: @grid-float-breakpoint) {
margin-bottom:30px
}
}
#logowrap {
/* grid6 padding */
padding: @logopadding;
position:relative;
z-index:12;
/* Variable for entire bg row */
background: @logoBG;
/* Bottom border */
border-bottom: @logoBorderBottom;
/* Top border */
border-top: @logoBorderTop;
/* grid6 Text colour */
color: @logotextcolor;
h1,h2,h3,h4,h5,h6 {
color: @logoheadingcolor;
}
.row {
margin:0 !important
}
.container {
/* bg on main grid6 container */
background: @logoContainerBG;
/* grid6 border */
border-top: @logoContainerTopBorder;
/* Bottom border */
border-bottom: @logoContainerBottomBorder;
height:@navbar-height;
position:relative;
z-index:1
}
&.with-text {
#search-toggle {
right:(@navbar-height * 2);
}
}
}
#search-toggle {
position:absolute;
z-index:10;
right:@navbar-height;
height:@navbar-height;
width:@navbar-height;
background:lighten(@primary,10%);
color:#fff;
font-size:1.4em;
text-align:center;
line-height:@navbar-height;
cursor:pointer;
.transition();
&:hover,
&.open {
background:@secondary;
}
@media screen and (max-width: @screen-md) {
top:@navbar-height;
right:0 !important;
z-index:100 !important
}
@media screen and (max-width: @screen-sm) {
height: (@navbar-height / 2);
line-height: (@navbar-height / 2);
font-size:14px;
width:(@navbar-height / 2);
top:(@navbar-height / 2)
}
}
#search {
position:absolute;
right:0;
.search {
float:left;
width:100%
}
button {
position:absolute;
z-index:10;
right:0;
height:@navbar-height;
text-transform:uppercase;
&:hover {
background:@btn-primary-bg-hover
}
}
input {
height:@navbar-height;
font-size:1.4em;
color:#999;
border:0;
width:77%;
background:none;
display:inline;
text-indent:45px;
@media screen and (max-width: @screen-sm) {
width:60%;
}
.box-shadow(none);
padding-left:20px;
margin-top:0px;
}
i {
position:absolute;
font-size:1.5em;
color:#999;
margin-left:30px;
line-height:@navbar-height;
}
.form-search {
background:#333;
right:((@navbar-height * 2)-5);
float:right;
position:relative;
width:100%;
padding:0;
margin:0 0 0 -((@navbar-height * 2)-10);
height:@navbar-height;
display:none;
width:75%;
@media screen and (max-width: @grid-float-breakpoint) {
right:((@navbar-height * 1)-5);
}
@media screen and (max-width: @screen-sm) {
right:((@navbar-height * 0.5)-5);
width:90%;
}
br {
display:none
}
}
.zen-module-body {
}
}
.off-canvas-0 {
#search-toggle {
right:0;
}
#search .form-search {
right: (@navbar-height - 6);
}
}