/*
 Theme Name:     Microcomms
 Theme URI:      http://drucifixion.om
 Description:    Obsession child theme customised
 Author:         Dru Riches-Magnier
 Author URI:     http://drucifixion.com
 Template:       obsession
 Version:        1.0.0
*/
 
/* Add Custom CSS after this line */

/*
Colors:

Orange: #f6a124;
Pink: 	#ec6166;
Blue: 	#00a1de;
Green: 	#76b82a;
Purple: #63398e;
Dk Blue:#00274a;

*/


body.mps,
body.mps h1,
body.mps h2,
body.mps h3,
body.mps h4,
body.mps h5,
body.mps h6,
body.mps p,
body.mps .bka_menu, 
body.mps .bka_menu .navbar-default .navbar-nav > li > a, 
body.mps .bka_menu .navbar-default .dropdown-menu > li > a { font-family: "museo",serif; }

body.mps .scale_video { width:100%; position:fixed; left:0px; right:0px;}
body.mps .bka_menu .navbar-default .navbar-nav > li > a, 
body.mps .bka_menu .navbar-default .dropdown-menu > li > a { font-weight:700; } 

body.mps h1 {  font-weight:700; font-size:35px; line-height:1.2em; }
body.mps h2, .testimonial_text { font-size:30px; line-height:1.2em; }

.row.pagesection.parallax.dark_scheme h2 {font-weight:700;}
.row.pagesection.parallax.dark_scheme { text-align:center; box-shadow: inset -10px -3px 50px 0px rgba(0,0,0,0.35); font-size:30px; line-height:1.2em; }
.row.pagesection.parallax.dark_scheme > div { clear:both; }


body.mps div.row.bka_footer.dark_scheme { display:none;}


body.mps div#about-us-section div.col-md-12,
body.mps div#advantages div.col-md-12 { background-color:rgba(255,255,255,0.8); }

/*** Hompage Blog Panels ***/

.hgr-rollover-panel div.front-side { text-align:center; font-size:2em; color:#ffffff;}
.hgr-rollover-panel div.front-side i.icon { font-size:200px!important; opacity:0.2; }
.hgr-rollover-panel div.front-side .front-side-title { padding-top:130px; margin-bottom:-120px; display:block; text-align:center; height:100px;}
.hgr-rollover-panel div.front-side .front-side-title .cat { text-transform:uppercase;font-size:1.2em;}
.hgr-rollover-panel div.front-side,
.hgr-rollover-panel.latest-news div.front-side,
.mc-icon.latest-news .icon-wrapper ,
.mc-blog-icon.latest-news .icon-wrpper { background-color:#00274a; }

.hgr-rollover-panel.networks-data div.front-side,
.mc-icon.networks-data .icon-wrapper,
.mc-blog-icon.networks-data .icon-wrapper { background-color:#00a1de; }

.hgr-rollover-panel.voice div.front-side,
.mc-icon.voice .icon-wrapper,
.mc-blog-icon.voice .icon-wrapper { background-color:#ec6166; }  

.hgr-rollover-panel.av div.front-side,
.mc-icon.av .icon-wrapper,
.mc-blog-icon.av .icon-wrapper { background-color:#76b82a; } 
 
.hgr-rollover-panel.wireless div.front-side,
.mc-icon.wireless .icon-wrapper,
.mc-blog-icon.wireless .icon-wrapper {  background-color:#f6a124; }

.hgr-rollover-panel.it-services div.front-side,
.mc-icon.it-services .icon-wrapper,
.mc-blog-icon.it-services .icon-wrapper {  background-color:#63398e; }

.mc-icon.all .icon-wrapper,
.mc-blog-icon.all .icon-wrapper {  background-color:#00274a; }

.hgr-rollover-panel .rollover-back-description h5 { color:#ffffff; font-size:1.5em;}
.hgr-rollover-panel div.front-side.hovered { background-color:#00274a; }

.mc-blog-section { text-align:center; }
.mc-icon { display:inline-block; text-align:center; margin: 5em 1em; font-size:18px; cursor:pointer; transition: all 0.8s ease-in-out 0s;}
.mc-icon .icon-wrapper { border-radius:50%; color:#ffffff; font-size:54px; padding:10px; width:120px; height:120px; line-height:90px;	display:block;}
.mc-icon:hover { opacity:0.5;}


/** Testimonials **/

body.mps .testimonialAuthor { max-width:800px;}
.testimonial_image { background-size:cover; background-position:center center; background-repeat:no-repeat; border-radius:50%; width:200px; height:200px; border:5px solid #000000; float:left;}
.testimonial_title { color:black; text-align:center; font-size:30px; line-height:1.2em;}
.testimonial_position { color:#ffffff; font-weight:100;}
.testimonial_text { float:left; max-width:920px;}

.carousel-indicators { width:100%; margin:0 auto;}

body.mps #credentialsCarousel p { text-align:center; }
body.mps #credentialsCarousel .testimonial_text { float:none; max-width:100%;}

/*** Home Team Members ***/

.hgr_team_wrap .hgr_team_members .hgr_team_member .skills_pack .valuemarker { display:none;}
.hgr_skill .hgr_skillfull { background-color:#cccccc;  height:15px;}
.hgr_skill .skillfill { background-color:#00a1de; height:15px;}
.hgr_skill:nth-child(2) .skillfill { background-color:#f6a124;} /* orange */
.hgr_skill:nth-child(3) .skillfill { background-color:#ec6166;} /* pink */
.hgr_skill:nth-child(4) .skillfill { background-color:#76b82a;} /* green */
.hgr_skill:nth-child(5) .skillfill { background-color:#63398e;} /* purple */

ul#teamTab { text-align:center; }
ul#teamTab li { display:inline-block; float:none; font-size:0px; width:10px; height:10px; border-radius:10px; margin:5px; background-color:#cccccc;}
#teamTab > li.active, #teamTab > li:hover { background-color:#000000; }


/** Contact **/

#contact-us-section .vc_col-sm-6 { text-align:left; padding-left:2em; padding-top:0px}
#contact-us-section i.fa { color:#ec6166; font-size:2em; margin:0px 0px -1em -1.2em; vertical-align:bottom;}
body.mps #contact-us-section .wpcf7 input[type="submit"] { background-color:#ec6166; }
body.mps  #contact-us-section textarea { height:180px;}
body.mps  #contact-us-section .wpb_gmaps_widget .wpb_wrapper { background-color:transparent; } 

/** Social **/

body.mps .vc_col-sm-3:first-child { text-align:left;}
body.mps .vc_col-sm-3:first-child  a { color:#ffffff; }
body.mps .vc_col-sm-3:last-child { text-align:right;}
body.mps .vc_col-sm-3:last-child div { margin-left:10px; }

/*** Portfolio ***/

body.mps .item-viewer p { text-align:left; }


/** Overlay **/

.dx-overlay { position:fixed; top:0px; left:0px; right:0px; bottom:0px; background-color:rgba(255,255,255,0.8); z-index:100001;}
.dx-overlay div.dx-form {  max-width:600px; margin:50px auto; background-color: #ffffff; border:2px solid #cccccc; border-radius:5px; box-shadow:0px 0px 5px rgba(0,0,0,0.5); padding:10px;}
.dx-overlay div.dx-form .dx-close { display:inline-block; float:right; border-radius:5px; margin:3px; color:#ffffff; background-color:#cccccc; cursor:pointer; font-size:0.9em; padding:2px 6px; }
.dx-overlay div.dx-form .dx-close:hover { background-color:#666666; }
.dx-overlay div.dx-form .widget-title { font-size:1.2em; font-weight:bold;}
/*** Blog ***/

body.mps.blogstyle { background-color:#00274a; color:#ffffff;}

body.mps.blogstyle .navbar-brand > img.logo { display:none; }
body.mps.blogstyle .navbar-brand { background-image:url(images/microcomms-348-dark.png); background-size:174px auto; background-repeat:no-repeat; width:174px; height:60px;}

body.mps.blogstyle .post small .highlight .icon, 
body.mps.blogstyle .blog_widget ul li a::before { color:#ec6166 !important; color:#ec6166; }


body.mps.blogstyle .bka_menu, 
body.mps.blogstyle .bka_menu .container, 
body.mps.blogstyle .navbar-collapse.in, 
body.mps.blogstyle .navbar-collapse.colapsing, 
body.mps.blogstyle .bka_menu .dropdown-menu { background-color:#ffffff; }


body.mps.blogstyle .navbar-right a { color: #00274a; }


body.mps.blogstyle .blog_widget h4 { color: #646464; }


.mc-blog-icon { display:inline-block; width:50%; text-align:center; margin: 10px 0px; font-size:18px; cursor:pointer; transition: all 0.8s ease-in-out 0s; }
.mc-blog-icon .icon-wrapper { border-radius:50%; color:#ffffff; font-size:30px; padding:10px; width:70px; height:70px; line-height:39px;	display:block;  background-color:#666666; margin:0 auto; }
.mc-blog-icon:hover { opacity:0.5;}



@media (max-width: 1200px) { 
.testimonial_image { width:180px; height:180px;}
body.mps #testimonialsCarousel .testimonial_text { font-size:26px; max-width:75%;}
}


@media (max-width: 1024px) { 
.testimonial_image { width:150px; height:150px;}
body.mps #testimonialsCarousel .testimonial_text { font-size:20px; max-width:75%;}
}

@media (max-width: 1000px) { 

body.mps h1 { font-size:32px }
body.mps h2, .testimonial_text,.testimonial_title { font-size:28px; }
body.mps #testimonialsCarousel .carousel-inner	 { margin-top:-50px; }
.testimonial_image {  width:150px; height:150px; border:5px solid #000000; /* float:none; display:block; */ margin:1em auto;}

body.mps #testimonialsCarousel .testimonial_title { font-size:26px; }
body.mps #credentialsCarousel .testimonial_text { font-size:20px;}

}


@media (max-width: 800px) { 

body.mps h1 { font-size:26px }
body.mps h2, .testimonial_text,.testimonial_title { font-size:22px; }
.mc-icon { margin: 2em 1em; }

}

@media (max-width: 600px) { 

body.mps h1 { font-size:22px }
.testimonial_image {  width:100px; height:100px; border:5px solid #000000;  float:none; display:block;  margin:1em auto;}
body.mps h2, .testimonial_text,.testimonial_title { font-size:18px; }
body.mps #testimonialsCarousel .testimonial_text { widht:100%; max-width:100%; font-size:1.2em;}
.mc-icon { margin: 1em 1em; }
}