/* 
 Theme Name:     Bare bones for Divi
 Author:         Divi theme examples
 Author URI:     http://www.divithemeexamples.com 
 Template:       Divi
 Version:        1.0 
*/ 


/* ----------- PUT YOUR CUSTOM CSS BELOW THIS LINE -- DO NOT EDIT ABOVE THIS LINE --------------------------- */ 

/* COLOURS | Black #0c0c0c | Logo Red #dd3333 | Logo writing Red #980822 | */

/* ------------------------------------------------------------------------------------------------------ Project Pages */
.project-box {
	background-color:#ffffff!important;
	padding:2.5em 2.2em!important;
}
.project-box h1,
.project-box h3,
.project-box h4,
.project-box h5,
.project-box p {
	color:#0c0c0c!important;
}
.project-box h1 {
    border-bottom: 1px solid #e7e7e7;
    font-size: 1.7em;
    margin-bottom: 1.1em;
    padding-bottom: 1em;
    text-transform: uppercase;
}

.project-box h4 {
    font-size: 13px;
    letter-spacing: 2px;
    padding-bottom: 0.1em;
    text-transform: uppercase;
}
.project-box h5{
    font-size: 18px;
}
.project-box p {
    font-size: 1.2em !important;
    padding-bottom: 1em !important;
}
.et_pb_testimonial::before {
 	background:#0c0c0c!important;
}
.project-box .et_pb_testimonial_0.et_pb_testimonial,
.project-box .et_pb_testimonial_author {
	color:#ffffff!important;
}

.project-box ol {
    color: #0c0c0c !important;
    font-size: 1.2em !important;
    list-style-position: outside;
    margin-left: 20px;
}
.project-box ul {
    color: #0c0c0c !important;
    font-size: 1.2em !important;
    margin-left: 0!important;
}
p.test-inner {
    font-size: 1.2em !important;
    font-style: italic;
    padding-bottom: 0 !important;
}
/* ------------------------------------------------------------------------------------------------------ GENERAL PAGE CSS */
.bg-main {
	background-color: #0c0c0c!important;
	padding-top: 0!important;
}
.bg-row
{
	background-color: #ffffff!important;
	padding:1em 2.2em !important;
}
.bg-row-person {
    background-color: #ffffff !important;
    padding: 1em !important;
}
.bg-row h1,
.bg-row h3,
.bg-row h4,
.bg-row h5,
.bg-row p,
.bg-row-person h1,
.bg-row-person h3,
.bg-row-person h4,
.bg-row-person h5,
.bg-row-person p {
	color:#0c0c0c!important;
}
/* Virtual Slide Box Builder to fit */
.squareLitDemo .title, .squareLitDemo2 .title2, .squareLitDemo2 .title, .squareLitDemo2 .title2_2 {
    line-height: 31px !important;
}
.virtual-box1 {
    clear: both;
    padding-top: 40px !important;
}

span.text-content span {
  text-align: center;
  vertical-align: middle;
}

ul.gall-img li:hover span.text-content {
  opacity: 1;
}


/* ------------------------------------------------------------------------------------------------------ TYPOGRAPHY */
/* About section on home page */
.home-about {
    color: #0c0c0c;
    line-height: 65px;
    padding: 82px 20px;
    font-size: 3.1em;
}

/* ------------------------------------------------------------------------------------------------------ HEADER AREA CSS */
/* ------------------------------------------------------------------------------------------------------ NAVIGATION CSS */
/* Sidebar Menu */
.sidebar-color {
    background-color: rgba(113, 111, 111, 0.19);
    padding-top: 10px;
}


/* ------------------------------------------------------------------------------------------------------ FOOTER AREA CSS */
/* ------------------------------------------------------------------------------------------------------ VIRTUAL SLIDE BOX BUILDER CSS */
.textAreaWrapper .textArea a {
    color: purple!important;
}
/*.textAreaWrapper .textArea a:hover {
    color: #000000!important;
}
not working*/
/* ------------------------------------------------------------------------------------------------------ MISCELLANEOUS CSS */
.about-home {
height:581px;
max-height:100%;
width:891px;
max-width:100%;
}

/* Image Hover info */
div.texthover {
    width:100%;
    display:block;
    position:relative;
    text-align: center!important;}


div.texthover .overlay {
    position:absolute;
    top:0;
    max-width:100%;
    width:100%;
    padding:10px;
    background-color:rgba(0, 0, 0, 0.3);
    height:100%;
    display:none;
}

div.texthover:hover .overlay {
    display:block;
}

.overlay a {
    text-decoration: none!important;
    color:#ffffff!important;
}

.overlay a:hover {
    text-decoration: none!important;
    color:#ffffff!important;
}

span.hover-header {
    font-size:22px;
    font-weight:400;
}

span.hover-subhead {
    font-size:15px;
    font-weight:400;
}

/* Second Version */
span.text-content a {
    color: #ffffff;
    background-color: rgba(0, 0, 0, 0.26);
    border-radius: 7px;
    padding: 5px 11px;
}
span.text-content a:hover {
    color: #ff0000;
    background-color: rgba(0, 0, 0, 0.26);
    border-radius: 7px;
    padding: 5px 11px;
}
span.text-content {
    bottom: 27px;
    color: #0c0c0c;
    cursor: pointer;
    font-size: 1.9em;
    height: 25%;
    left: 0px;
    position: absolute;
    padding-top: 8%;
    width: 100%;
    max-width: 100%;
    opacity:1;
    -webkit-transition: opacity 1000ms;
    -moz-transition: opacity 1000ms;
    -o-transition: opacity 1000ms;
    transition: opacity 1000ms;
}
ul.gall-img {
  list-style-type: none;
  margin: 0;
  padding: 0;
  text-align: center;
}


ul.gall-img li {
  display: inline-block;
  height: 100%;
  margin: 0 1em 0 0;
  position: relative;
  width: 100%;
  max-width:100%;
}
/* END Image Hover info */

/* Contact Form */
.gfield_label {
    color: #0c0c0c!important;
}
/* ------------------------------------------------------------------------------------------------------ MEDIA QUERIES */

@media screen and (max-width: 1024px) {}
@media screen and (max-width: 768px) {}
@media screen and (max-width: 680px) {
.home-about {
    font-size: 2.8em;
    line-height: 45px;
    padding: 82px 20px;
}
}
@media screen and (max-width: 480px) {
.home-about {
    font-size: 2em;
    line-height: 45px;
    padding: 40px 10px;
}
}
@media screen and (max-width: 360px) {}