/*-------------------------------------------------------
Theme Name: Divi Child Theme
Theme URI: http://www.elegantthemes.com/gallery/divi/
Description: A child theme template for Divi
Author: Divi
Author URI: http://www.elegantthemes.com/gallery/divi/
Template: Divi
Version: 1.0.0
----------------- ADDITIONAL CSS HERE ------------------*/


/*************Advent Calendar 2017 - 6*************/
/******Three Easy to Edit Image Hover Effects******/
/******************By Divi Soup********************/


/***Effect 1 - Show text on hover***/


/*Postion the text module and centrally align text*/

.ds-advent-6-text-show {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    cursor: pointer;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-transition: all .7s ease;
    transition: all .7s ease;
    opacity: 0;
}


/*Show text on hover*/

.ds-advent-6-text-show:hover {
    
	opacity: 1;
}



/*Text link colour*/

.ds-advent-6-text-show a {
    color: #fff;
}



/***End Effect 1 - Show text on hover***/








/***Effect 3 - Image swap on hover***/


/*Position the image to be shown on hover*/

.ds-advent-6-image-swap {
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    -webkit-transition: all 1s ease-in-out;
    transition: all 1s ease-in-out;
}


/*Show the image on hover*/

.ds-advent-6-image-swap:hover {
    opacity: 1;
}

/***End Effect 3 - Image swap on hover***/






























#main-footer {
display:none;
}

.dropcap {
	font-size:78px!important;
	vertical-align:bottom!important;
	font-family:Montserrat;
	font-weight:semi-bold;
}

/*** Responsive Styles Large Desktop And Above ***/
@media all and (min-width: 1405px) {
  
	  
}
 
/*** Responsive Styles Standard Desktop Only ***/
@media all and (min-width: 1100px) and (max-width: 1405px) {
 
}
 
/*** Responsive Styles Tablet And Below ***/
@media all and (max-width: 980px) {
 
}
 
/*** Responsive Styles Tablet Only ***/
@media all and (min-width: 768px) and (max-width: 980px) {
 
}
 
/*** Responsive Styles Smartphone Only ***/
@media all and (max-width: 767px) {
 
}
 
/*** Responsive Styles Smartphone Portrait ***/
@media all and (max-width: 479px) {
 .dropcap {
	font-size:30px!important;
	vertical-align:bottom!important;
	font-family:Montserrat;
	font-weight:semi-bold;
}

.et_pb_text_1 h1 {
	font-size:19px!important;
}
}

