/*Modifying Secondary color and its transparency (opacity). 
This is the color of the box above the Slideshow images  */
/* The background code remove completely the mask. 
if you indeed want to control only the opacity 
then do not add the background code and change opacity value.  */

.acm-slideshow .owl-carousel .item .mask {
/*background:transparent!important;  */
opacity:0.35!important;
}

/*font size of the title on the slideshow*/
.slider-content-inner h1 {font-size: 60px;} 

/* font color of the title text ond the slideshow*/
.slider-content-inner > h1 { color: #ffffff!important;}

/*Slideshow text color and size*/
.acm-slideshow .owl-carousel .slider-content .slider-content-inner > p { color: rgba(255,255,255,0.8)!important; font-size: 20px!important;} 

/*Button size on slideshow*/
.slider-content-inner .btn-lg {padding: 13px 40px;}

/*The size of the Masthead*/
.t3-masthead .ja-masthead .ja-masthead-detail{padding: 40px 25px !important;}

/*Masthead title and description font size and color*/
.t3-masthead .ja-masthead .ja-masthead-detail .ja-masthead-title{color: #ffffff !Important;font-size: 60px !important;}
.t3-masthead .ja-masthead .ja-masthead-detail .ja-masthead-description{color: #ffffff !Important;font-size: 20px !important;}

/*Masthead opacity control*/
.t3-masthead .ja-masthead::before {opacity: 0.65 !important;}

/* removing the title of the contact form*/
.plain-style .page-header h2 {
display:none!important;
}

/*modifying the line height of the menu items*/
.module-ct .nav > li > a {
	padding: 1px 15px;
}



/* Modifying the Menu items font color */

/* This is for the Menu items font color */
/*.navbar-default .navbar-nav > li > a, .navbar-default .navbar-nav > li > span {
color:#yourhexcode!important; */
}
/* This is for the active Menu item font color*/
/*.navbar-default .navbar-nav > .active > span, .navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > span:hover, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > span:focus, .navbar-default .navbar-nav > .active > a:focus {
color:#yourhexcolorcode!important; */
  
/* this should be for the hover*/
/*.navbar-default .navbar-nav > .open > a,
.navbar-default .navbar-nav > .open > span,
.navbar-default .navbar-nav > .open > a:hover,
.navbar-default .navbar-nav > .open > span:hover,
.navbar-default .navbar-nav > .open > a:focus,
.navbar-default .navbar-nav > .open > span:focus {
  color: #yourhexcodecolor!important;
} */