@import url("https://fonts.googleapis.com/css?family=Heebo:100,300,400,500,700,800,900");
body {
margin: 0;
padding: 0;
font-family: 'Heebo', sans-serif !important;
font-size: 14px !important;
font-weight: 400 !important;
color: #000 !important;
background: #FFF !important;
}
h1 {
margin: 0 0 40px 0 !important;
padding: 0 !important;
font-family: 'Heebo', sans-serif !important;
font-size: 30px !important;
font-weight: 700 !important;
font-style: normal !important;
line-height: normal !important;
letter-spacing: normal !important;
text-transform: uppercase !important;
text-align: center !important;
position: relative !important;
}
h1:after {
position: absolute;
height: 5px;
width: 70px;
bottom: -14px;
left: 46%;
content: "";
background: #58a134;
}
h2 {
margin: 0 0 10px 0 !important;
padding: 0 !important;
font-family: 'Heebo', sans-serif !important;
font-size: 24px !important;
font-weight: 700 !important;
font-style: normal !important;
line-height: normal !important;
letter-spacing: normal !important;
text-transform: capitalize !important;
}
h3 {
margin: 0 0 12px 0 !important;
padding: 0 !important;
font-family: 'Heebo', sans-serif !important;
font-size: 21px !important;
font-weight: 700 !important;
font-style: normal !important;
line-height: normal !important;
letter-spacing: normal !important;
text-transform: uppercase !important;
}
h4 {
margin: 0 0 5px 0 !important;
padding: 0 !important;
font-family: 'Heebo', sans-serif !important;
font-size: 18px !important;
font-weight: 700 !important;
font-style: normal !important;
line-height: normal !important;
letter-spacing: normal !important;
text-transform: capitalize !important;
}
p {
margin: 0 0 20px 0 !important;
padding: 0 !important;
font-family: 'Heebo', sans-serif !important;
font-size: 14px !important;
font-weight: 400 !important;
font-style: normal !important;
line-height: 24px !important;
text-align:justify !important;
} .more-btn {
float: left;
padding: 0 15px;
font-family: 'Heebo', sans-serif;
font-size: 14px;
font-weight: 600;
line-height: 40px;
background: #58a134;
color: #FFF !important;
text-transform: uppercase;
text-decoration: none !important;
}
.more-btn-spl {
float: right;
color: #fff;
font-weight: 600;
} header {
float: left;
width: 100%;
position: relative;
box-shadow: 0 1px 7px rgba(0,0,0,.1);
}
#area-htop {
float: left;
width: 100%;
background: #58a134;
min-height: 40px;
}
#area-htop a.phone {
float: left;
background: url(//www.magnumcarbon.com/wp-content/themes/magnum/images/hphone.png) 0 12px no-repeat;
color: #FFF;
text-decoration: none;
padding-left: 24px;
line-height: 40px;
margin-right: 20px;
font-size: 16px;
}
#area-htop a.email {
float: left;
background: url(//www.magnumcarbon.com/wp-content/themes/magnum/images/hemail.png) 0 14px no-repeat;
color: #FFF;
text-decoration: none;
padding-left: 24px;
line-height: 40px;
font-size: 16px;
}
#area-hbottom {
float: left;
width: 100%;
background: #FFF;
padding: 10px 0;
}
#area-hbottom .logo {
float: left;
}
#area-htop ul.social-media {
margin-top: 8px;
}
#access {
margin-top: 30px;
display: block;
float: right;
}
#access ul {
margin: 0;
padding: 0;
font-size: 15px;
font-weight: 700;
text-transform: uppercase;
list-style: none;
}
#access li {
float: left;
position: relative;
padding: 0;
margin: 0;
}
#access a {
color: #000;
display: block;
float: left;
line-height: 40px;
padding: 0 9px;
text-decoration: none;
}
#access ul ul {
display: none;
float: left;
margin: 0;
position: absolute;
left: 0;
top: 100%;
width: 260px;
z-index: 999;
}
#access ul ul ul {
left: 100%;
top: 0;
}
#access ul ul a {
background: #111;
color: #FFF;
font-size: 13px;
font-weight: 400;
height: auto;
line-height: 21px;
padding: 8px 15px !important;
width: 275px;
border-bottom: 1px solid #222;
margin: 0 !important;
}
#access li:hover > a, #access ul ul :hover > a, #access a:focus {
background: #58a134;
color: #FFF;
}
#access li:hover > a, #access a:focus {
background: #58a134;
color: #FFF;
}
#access ul li:hover > ul {
display: block;
}
#access ul .current-menu-item > a {
background: #58a134;
color: #FFF;
}
#mob-menu {
display: none;
}
#mob-menu-container {
display: none;
float: right;
position: relative;
} #home-banner {
float: left;
width: 100%;
} article {
float: left;
width: 100%;
}
#content-area {
float: left;
width: 100%;
padding: 50px 0;
}
#area-blog { 
float: left;
width: 100%;
padding: 50px 0;
}
#area-application {
float: left;
width: 100%;
padding: 50px 0 20px 0;
}
#area-application .item {
float: left;
width: 100%;
border: 1px solid #f6f8fa;
-webkit-box-shadow: 1px 1px 5px 0px rgba(0,0,0,0.1);
-moz-box-shadow: 1px 1px 5px 0px rgba(0,0,0,0.1);
box-shadow: 1px 1px 5px 0px rgba(0,0,0,0.1);
min-height: 380px;
margin-bottom: 30px;
}
#area-application .item .icon-1 {
float: left;
width: 100%;
margin: 20px 0;
min-height: 120px;
background: url(//www.magnumcarbon.com/wp-content/themes/magnum/images/icon-1.png) center 40px no-repeat;
}
#area-application .item:hover .icon-1 {
background: url(//www.magnumcarbon.com/wp-content/themes/magnum/images/icon-1-hover.png) center 40px no-repeat;
}
#area-application .item .icon-2 {
float: left;
width: 100%;
margin: 20px 0;
min-height: 120px;
background: url(//www.magnumcarbon.com/wp-content/themes/magnum/images/icon-2.png) center 40px no-repeat;
}
#area-application .item:hover .icon-2 {
background: url(//www.magnumcarbon.com/wp-content/themes/magnum/images/icon-2-hover.png) center 40px no-repeat;
}
#area-application .item .icon-3 {
float: left;
width: 100%;
margin: 20px 0;
min-height: 120px;
background: url(//www.magnumcarbon.com/wp-content/themes/magnum/images/icon-3.png) center 40px no-repeat;
}
#area-application .item:hover .icon-3 {
background: url(//www.magnumcarbon.com/wp-content/themes/magnum/images/icon-3-hover.png) center 40px no-repeat;
}
#area-application .item .icon-4 {
float: left;
width: 100%;
margin: 20px 0;
min-height: 120px;
background: url(//www.magnumcarbon.com/wp-content/themes/magnum/images/icon-4.png) center 40px no-repeat;
}
#area-application .item:hover .icon-4 {
background: url(//www.magnumcarbon.com/wp-content/themes/magnum/images/icon-4-hover.png) center 40px no-repeat;
}
#area-application .item .icon-5 {
float: left;
width: 100%;
margin: 20px 0;
min-height: 120px;
background: url(//www.magnumcarbon.com/wp-content/themes/magnum/images/icon-5.png) center 40px no-repeat;
}
#area-application .item:hover .icon-5 {
background: url(//www.magnumcarbon.com/wp-content/themes/magnum/images/icon-5-hover.png) center 40px no-repeat;
}
#area-application .item .icon-6 {
float: left;
width: 100%;
margin: 20px 0;
min-height: 120px;
background: url(//www.magnumcarbon.com/wp-content/themes/magnum/images/icon-6.png) center 40px no-repeat;
}
#area-application .item:hover .icon-6 {
background: url(//www.magnumcarbon.com/wp-content/themes/magnum/images/icon-6-hover.png) center 40px no-repeat;
}
#area-application .item h2 {
text-align: center !important;
padding: 0 15px !important;
}
#area-application .item p {
text-align: center !important;
padding: 0 15px !important;
margin: 0 !important;
}
#area-application .item:hover {
background: #58a134;
}
#area-application .item:hover h2 a{
color: #FFF !important;
}
#area-application .item:hover p {
color: #FFF !important;
}
#area-about {
float: left;
width: 100%;
background: #58a134;
padding: 50px 0;
}
#area-about h1 {
text-align: left !important;
color: #FFF !important;
}
#area-about h1:after {
background: #FFF;
left: 0;
}
#area-about p {
color: #FFF !important;
text-align: justify;
}
#area-news {
float: left;
width: 100%;
background: #FFF;
padding: 40px 0;
}
#area-news .item {
float: left;
width: 100%;
background: #fff;
position: relative;
}
#area-news .item .date {
width: 70px;
background: #58a134;
text-align: center;
font-size: 18px;
font-weight: 700;
color: #FFF;
position: absolute;
left: 15px;
top: 0;
padding-top: 8px;
}
#area-news .item .date span {
float: left;
width: 100%;
font-size: 13px;
font-weight: 400;
padding: 4px 0;
background: #000;
margin-top: 8px;
}
#area-news .item .news-image {
float: left;
width: 100%;
margin-bottom: 15px;
}
#area-news .item .news-image img {
width: 100%;
display: block;
}
#area-news .item .news-details {
float: left;
width: 100%;
}
#area-news h4 {
font-size: 16px !important;
text-transform: uppercase !important;
line-height: 21px !important;
min-height: 42px;
}
a:hover {
color: #000 !important;
}
.foot-links a:hover {
color: #58a134 !important;
}
#area-fbottom a:hover {
color: #58a134 !important;
} footer {
float: left;
width: 100%;
color: #FFF;
}
#area-ftop {
float: left;
width: 100%;
background: #374252;
padding: 40px 0;
}
#area-fbottom {
float: left;
width: 100%;
background: #2d323e;
padding: 20px 0;
}
footer h3 {
color: #FFF !important;
}
ul.foot-links {
float: left;
width: 100%;	
margin: 0 0 20px;
padding: 0;
}
ul.foot-links li {
float: left;
width: 100%;
margin: 0 0 10px 0;
padding: 0 0 0 16px;
list-style: none;
display: list-item;
background: url(//www.magnumcarbon.com/wp-content/themes/magnum/images/arrow-01.png) 0 5px no-repeat;
}
ul.foot-links li:last-child {
margin-bottom: 0;
}
footer a {
color: #FFF;
text-decoration: none;
}
footer a:hover {
color: #58a134;
}
footer .location {
float: left;
width: 100%;
background: url(//www.magnumcarbon.com/wp-content/themes/magnum/images/location.png) 0 4px no-repeat;
padding-left: 24px;
margin-bottom: 15px;
}
footer .phone {
float: left;
width: 100%;
background: url(//www.magnumcarbon.com/wp-content/themes/magnum/images/phone.png) 0 4px no-repeat;
padding-left: 24px;
margin-bottom: 15px;
}
footer .fax {
float: left;
width: 100%;
background: url(//www.magnumcarbon.com/wp-content/themes/magnum/images/faxx.png) 0 2px no-repeat;
padding-left: 24px;
margin-bottom: 15px;
}
footer .email {
float: left;
width: 100%;
background: url(//www.magnumcarbon.com/wp-content/themes/magnum/images/email.png) 0 4px no-repeat;
padding-left: 24px;
}
ul.social-media {
float: right;
margin: 0;
padding: 0;
}
ul.social-media li {
float: left;
margin: 0 0 0 10px;
padding: 0;
list-style: none;
display: block;
} .enq-form {
float: left;
width: 100%;
position: relative;
}
.enq-form ul li.gfield.form-email {
width: 100% !important;
}
.enq-form ul li.gfield.form-comment {
width: 100% !important;
}
.enq-form ul li.gfield {
width: 48.5% !important;
margin: 0 0 15px 0 !important;
padding: 0 !important;
clear: none !important;
}
.enq-form li.form-left {
float: left !important;
}
.enq-form li.form-right {
float: right !important;
}
.enq-form li.form-captcha {
float: left !important;
width: 100% !important;
}
.enq-form .gfield_label {
margin: 0 !important;
display: none !important;
}
.enq-form .ginput_container_text input {
background: #f6f6f6 !important;
border: 1px dashed #f6f6f6 !important;
line-height: 36px !important;
min-height: 36px !important;
padding: 0 10px !important;
}
.enq-form .ginput_container_email input {
background: #f6f6f6 !important;
border: 1px dashed #f6f6f6 !important;
line-height: 36px !important;
min-height: 36px !important;
padding: 0 10px !important;
}
.enq-form .ginput_container_phone input {
background: #f6f6f6 !important;
border: 1px dashed #f6f6f6 !important;
line-height: 36px !important;
min-height: 36px !important;
padding: 0 10px !important;
}
.enq-form .ginput_container_textarea textarea { 
background: #f6f6f6 !important;
border: 1px dashed #f6f6f6 !important;
line-height: 24px !important;
padding: 10px 10px !important;
}
.enq-form .gform_button {
background: #58a134 !important;
border: 0 none !important;
min-height: 40px !important;
line-height: 40px !important;
padding: 0 15px !important;
cursor: pointer !important;
color: #FFF !important;
font-size: 16px !important;
font-weight: 700 !important;
text-transform: uppercase !important;
}
.enq-form .validation_error {
display: none !important;
}
.enq-form .validation_message {
display: none !important;
}
.enq-form li.gfield_error input:not([type="radio"]):not([type="checkbox"]):not([type="submit"]):not([type="button"]):not([type="image"]):not([type="file"]), .enq-form li.gfield_error textarea {
border: 1px solid #ff0000 !important;
}
.enq-form li.gfield.gfield_error, .enq-form li.gfield.gfield_error.gfield_contains_required.gfield_creditcard_warning {
border: 0 none !important;
background-color: transparent !important;
margin: 0 0 15px 0 !important;
}
.gform_wrapper li.gfield.gfield_error, .gform_wrapper li.gfield.gfield_error.gfield_contains_required.gfield_creditcard_warning {
margin: 0 0 15px 0 !important;
}
.inv-recaptcha-holder {
display: none !important;
}
.gform_wrapper {
margin: 0 !important;
}
table.magnum-table {
float: left;
width: 100%;
border: 1px solid #CCC;
margin-bottom: 30px;
}
table.magnum-table th {
background: #58a134;
color: #FFF;
padding: 10px;
}
table.magnum-table td {
padding: 10px;
border: 1px solid #CCC;
}
table.magnum-table tr:nth-child(even) {
background: #efefef;
}
table.magnum-table tr:nth-child(odd) {
background: #FFF;
}
.about-image {
border-radius: 10px;
}
.item h2 a {
color: #000 !important;
} @media only screen and (min-width : 320px) and (max-width : 767.98px) {
#access {
display: none;
}
#mob-menu-container {
display: block;
}
#area-htop ul.social-media {
margin: 0 0 8px 0;
}
#area-application .item p {
margin-bottom: 15px !important;
}
#area-news .item {
margin-bottom: 30px;
}
}