/*
Theme Name: netMAGmedia 2021
Theme URI: http://www.e-motivemedia.com
Description: netMAGmedia theme developed by e-Motive Media Ltd for netMAGmedia Ltd
Author: e-Motive Media Ltd
Version: 1.0
Tags: 
*/
* { 
margin: 0; 
padding: 0; 
}

html { 
overflow-y: scroll;
}

body {
font-size: 62.5%;
font-family: "Poppins", Arial, Helvetica, sans-serif;
background-color: #ffffff;
color: #3f3e40;
line-height:150%;
}

html, body {
height:100%;
}

a, img { 
outline: none;
border:none;
color: #000;
}

img {
display: block;
}

hr { 
border: 0; 
height: 0; 
border-top: 1px solid #dddddd;
margin: 30px 0;
}

p.clear {
clear:both;
height:0px;
line-height:0.0000001px;
font-size: 0.0000001px;
}

.hidden {
display:none;
}

article, aside, details, figcaption, figure,
footer, hgroup, menu, nav, section { 
display: block;
}

.netMAGmediared {
color: #e31937;
text-transform:uppercase;
}

a:link {
color: #e31937;
text-decoration:none;
}

a:visited {
color: #e31937;
}

a:hover {
color: #e31937;
text-decoration: underline;
}

a:active {
color: #e31937;
}

p {
font-size: 1.6em;
line-height: 175%;
margin: 1.2em 0;
font-family: "Poppins", Arial;
font-weight:300;
}

p strong {
font-weight:600;
}

h1 {
line-height:120%;
font-size: 4em;
font-weight:600;
margin: 25px;
}

h2 {
font-size: 2.2em;
line-height:125%;
margin: 1em 25px 1em 25px;
font-weight:600;
clear:both;
}

h3 {
font-size: 2.4em;
line-height:125%;
margin: 0.6em 25px;
font-weight:600;	
}

h4 {
font-size: 1.8em;
line-height:125%;
margin: 0.6em 25px;
font-weight:400;	
}

h3 strong, h4 strong {
font-weight:400;
}

h2 a:link, h3 a:link, h2 a:visited, h3 a:visited  {
color: #3f3e40;
text-decoration:none;
}


.container {
width:100%;
float:left;
background-color:#e1e1e1;
padding-top:15px;
padding-bottom:15px;
}

#container2 {
padding:10px 0 15px 0;
}

.content {
	width: 100%;
	float:none;
	max-width: 1300px;
	margin-right:auto;
	margin-left:auto;
}

.contentLeft h2,
.contentLeft p {
margin-left:0;
margin-right:25px;
}

.contentRight h2,
.contentRight p {
margin-left:25px;
}

#container4 {
	background-color:#333333;
	background-image: url(/home-files/bricks_bg.jpg);
	background-repeat: repeat;

	background-position: center center;
}

#container3,
#container5 {

	background-image: url(/home-files/grey_bg.jpg);
	background-repeat: no-repeat;

	background-position: left center;
}

#container6 {
background-color:#ffffff;
}

#content4Left p {
margin-left:0;
margin-right:0;
}

#container2,
#container4 {
background-color:#3f3e40;
}

.contentLeft {
float:left;
width:50%;
}

.contentRight {
float:right;
width:50%;
}

#content2Right {
overflow:visible;
}

#content6Left,
#content6Right {
overflow:visible;
}

#content6Left img {
float:right;
max-width: 500px;
  height: auto;
  margin-right:50px;
}

#content6Right img {
float:left;
max-width: 500px;
  height: auto;
  margin-left:50px;
}

#content4Left {
width:100%;
}


#container2 h2,
#container4 h2 {
color:#ffffff;
}

#container2 h2 {
margin-left:0;
}

#content2Left {
padding-top:15px;
padding-bottom: 15px;
}

#container2 p {
}

#container2 p,
#container4 p {
color: #ffffff;
}

#container2 {

}

#hero {
	width: 100%;
	float:none;
	max-width: 1300px;
	margin-right:auto;
	margin-left:auto;
	min-height:200px;

}

#topContainer {
width:100%;
background-color: #3f3e40;
float:left;
}

#top {
margin-left:auto;
margin-right:auto;
width:100%;
max-width:1300px;
height:50px;
}


#headerContainer {
width:100%;
background-color: #ffffff;
float:left;
position:fixed;
top:30px;
z-index: 1000;
}

.logged-in #headerContainer {
top:62px;
}

#heroContainer {
	width:100%;
	float:left;
	padding-top:160px;
	background-color:red;
	background-image: url(/home-files/hero2.jpg);
	background-repeat: no-repeat;

	background-position: center center;
}

#headerContainer.sticky {
opacity: 1;
box-shadow:0 2px 6px rgba(0,0,0,0.2); 
transition: opacity 1s;
top:0;
}
#headerContainer.sticky #secondaryLogos {
display:none;
}

#headerContainer.sticky #mainLogo {
width:100px;
margin:15px 0;
transition: width 1s, margin 1.5s;
}

header {
margin-left:auto;
margin-right:auto;
width:100%;
max-width:1300px;
}

#footerContainer {
width:100%;
background-color: #3f3e40;
float:left;
border-top:5px solid #e31937;
}

footer {
width: 100%;
max-width:1300px;
margin-left:auto;
margin-right:auto;

}
footer p {
color: #ffffff;
font-size: 1.2em;
}

footer a:link {
color:#ffffff;
}

#footerleft, #footerRight {
width:50%;
}
#footerLeft {
float:left;
}

#footerRight {
float:right;
}

#footerRight p {
text-align:right;
}

#mainLogo {
width:250px;
float:left;
margin-top:30px;
margin-bottom:30px;
}

#mainLogo img {
width:100%;
height:auto;
}

#headerRight {
float:left;
width:calc(100% - 180px);

}

a.btn {

       color: #fff;
    font-weight: 600 !important;
    text-transform: uppercase !important;
    background-color: #e31937;
    padding: 11px !important;
    font-size: 1.4em !important;
-webkit-transition-duration: 0.4s; /* Safari */
  transition-duration: 0.4s;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.25) !important;
}

.home article {
position:relative;
}

.home article p.foot {
position:absolute;
bottom:5px;
}



p a.btn {
font-size: 87.5% !important;
line-height:100%;
}

a.btn:hover {
 background-color: #ffffff; 
  cursor: pointer;

}

a.btn:active {

  transform: translateY(4px);

}

#hero h1 {
font-size: 3.5em;
text-align:center;
font-weight:600;
margin-left:0;
margin-top:60px;
float:left;
color:#ffffff;
width:100%;
margin-bottom:5px;
}

#hero h2 {
font-size: 2em;
text-align:center;
font-weight:600;
margin-left:0;
margin-top:25px;
float:left;
color:#ffffff;
width:100%;
margin-bottom:5px;
}

#hero p {
font-size: 1.5em;
color: #ffffff;
float:left;
width:100%;
margin-top:0px;
clear:both;
}


.testimonial {
width: 40%;
margin-right:20%;
margin-top:50px;
float:left;
}

.testimonial:last-of-type {
margin-right:0;
}

#hero .testimonial p {
font-size: 1.7em;
line-height:150%;
}

.testimonial span.quote {
font-style:italic;
}

.testimonial span.quoter {
font-weight:600;
text-align:right;
}


#left {
margin: 25px 0 25px 25px;
width: calc(100% - 375px);
float:left;
clear:both;
}
#right {
width:300px;
min-width: 300px !important;
float:right;
margin:25px;
}

article {
width:100%;
float:left;
clear:both;
margin-bottom:25px;
padding-bottom:25px;
border-bottom: 2px solid #e31937;
background-color: #ffffff;
}

.home article {
width:22%;
float:left;
clear:none;
background-color: #333333;
margin-right: 4%;
height:810px;
}

.home article:nth-of-type(4),.home article:nth-of-type(8) {
margin-right:0;
}

.home .articleImage {
width:100%;
background-color:#ffffff;
padding-bottom:10px;
}

.home .articleImage img {
max-width:80%;
padding:20px 10%;
height:auto;
}

.home .articleExcerpt {
width:100%;
}

.home .articleExcerpt p{
color: #ffffff;
padding: 0 25px;
}

.home main article,
.single main article,
.page main article {
margin-top:0;
}

.articleImage {
width:25%;
float:left;
}

.noImage .articleImage {
display:none;
}

main .noImage img {
display:none;
}

.articleImage img {
width:100%;
height:auto;
}

.articleExcerpt {
width:75%;
float:left;
}

.noImage .articleExcerpt {
width: 100%;
}

article a.btn {
float:right;
margin-right:20px;
}

.page article a.btn.fullWidth {
margin-right:0;
width:calc(100% - 25px);
margin-bottom:10px;
text-align:center;
line-height:125%;

}

.page article a.btn.fullWidth:hover {
text-decoration:underline;
}

article a.btn:last-of-type {
margin-right:0;
}

.page article a.btn {
float:left;
}

.clear { clear: both; }

article h3 {
font-size: 2.6em;
font-weight:700;
line-height:110%;
margin:20px 25px 0 25px;
}

article p {
margin-left:25px;
margin-right:25px;
}

article p.meta {
margin-top:5px;
font-size: 1.3em;
text-transform:uppercase;
}

#right h3 {
margin-top:0;
}

#right h3 a {
font-size: 70%;
font-weight:400;
color:#e31937;
}

#right h2 {
margin: 0 0 15px 0;
}


main ul {
overflow:hidden;
margin-left:25px;

}

.content ul {
overflow:hidden;
margin-left:25px;
margin-bottom:25px;
}

.content ul li {
font-size: 1.6em;
line-height: 150%;
margin: 0.6em 0 0 2em;
padding:0 0 0 0.5em;
list-style-type: disc;
font-weight:400;
}

main ul li{
font-size: 1.6em;
line-height: 150%;
margin: 0.6em 0 0 2em;
padding:0 0 0 0.5em;
list-style-type: disc;
font-weight:400;
}

main ul ul li{
font-size: inherit;
line-height:inherit;
padding:0 0 0 1.5em;
}

main .wp-post-image {
float:right;
margin: 25px 25px 0 25px;
max-width:300px;
height:auto;
}


.home #hero {
	min-height:400px;

}

.home #heroContainer {
background-color: #f3f3f3;
}


.home main img.wp-post-image {
margin-right:0;
margin-top:0;
margin-bottom:0;
float:right;
width:30%;
height:auto;
}

.home main h2 {
margin:25px;
clear:left;
color: #e31937;
font-weight:700;font-size: 3em;
}

.home span.about {
text-transform: uppercase;
margin:25px 25px 15px 25px;
float:left;
font-size: 1.3em;
font-weight:600;

}


.home main article a.btn,
.home article.panel a.btn {
float:left;
margin-left:25px;
margin-right:0;
}

.home main article a.btn:nth-of-type(2),
.home article.panel a.btn:nth-of-type(2) {
margin-left:0;

}

.home article.panel {
width:47.5%;
float:left;
clear:none;
margin-top:0;
}
.home .panel h3 {
margin:25px;
clear:left;
color: #e31937;

}

.home article.panel:first-of-type {
margin-right:5%;
}


.clear {
clear:both;
}

/* netMAGmedia */

#secondaryLogos {
width:300px;
float:right;
}

#secondaryLogos p {
float:right;
font-size: 1.3em;
font-weight:600;
margin: 50px 0 0 25px;
text-align:center;
}

#secondaryLogos img {
float:right;
height:35px;
width: auto;
margin: 10px 0 0 25px;
}

#secondaryLogos img:nth-of-type(2) {
margin-left:0;
}

a.dual {
color: #3f3e40;
font-weight:600;
font-size:1.4em;
}