/*** Praise your employer ***/ /* BASE CSS - BEGINS HERE */ /* DIMENSIONS */ @siteWidth : 960px; @mobile-max : 639px; @mobile-small : 504px; @tablet-min : @mobile-max + 1px; @tablet-max : 959px; @desktop-min : @tablet-max + 1px; @mobile-min : 320px; /* COLORS */ @orange-red : #e04421; /* Titles, Links, Lines and Decorations */ @dark-orange-red : #c83615; /* Lines and Decorations */ @dark-brown : #271d18; /* Lines and Decorations */ @white : #ffffff; /* Lines and Decorations */ @black : #000000; /* Lines and Decorations */ /* FONTS */ @font-copy : helvetica, arial, sans-serif; @font-primary : "proxima-nova", sans-serif; @font-secondary : "museo-slab", sans-serif; /* BASE CSS - ENDS HERE */ .page-praise-create #frmpraiseyouremployer{ #create-employer { border-radius: 10px; border: 1px solid #e57d61; margin-bottom: 20px; background-color: #fff; /*margin-left: 10px;*/ .fieldset-wrapper{ padding: 5px 10px; } .form-item { float: none; clear: both; width: auto; margin-bottom: 0px; margin-top: 7px; label { display: inline-block; width: 125px; float: none; line-height: 28px; } input { display: inline-block; width: auto; float: none; } select { font-size: 16px; } &.form-type-checkbox { padding-left: 5px; } &.form-type-checkbox label{ width: 450px; line-height: 20px; } } } } #popup1 { left: 0; position: fixed; top: 0px; width: 100%; z-index: 1001; height: 1780px; background-color: rgba(0, 0, 0, 0.35); } /* CSS CODE - BEGINS HERE */ /* CSS CODE - ENDS HERE */ /*** Mobile - Cellphone ***/ @media only screen and (max-width: @mobile-max) { /* CSS CODE - BEGINS HERE */ /* CSS CODE - ENDS HERE */ } /*** Fix Fluid Styles for Big Mobile Screens ***/ @media only screen and (min-width: @mobile-min + 155px) and (max-width: @mobile-max) { /* CSS CODE - BEGINS HERE */ /* CSS CODE - ENDS HERE */ }