/*
 Theme Name:   Newsmag Child Theme
 Theme URI:
 Description:
 Author:       EnvyUs Design
 Author URI:   http://www.envyus.com.au
 Template:     newsmag
 Version:      1.0.0
*/

@import url("../newsmag/style.css");




.WP_Editor_Widget p{
	color: #fff;
}

.WP_Editor_Widget p a {
	color: #fff;
}

.site-header{
 	background-color: #000;
}

.newsmag-custom-header{
    height: 400px !important;
    background-size: cover !important;
	 	background-position: center center !important;
	 	position: relative;
}

.newsmag-custom-header .container {
	top: 60% !important;
}

.newsmag-custom-header::before {
    background: linear-gradient(to bottom, transparent 30%, black 100%) !important;
}

.container.home-thumbs {
    padding-top: 20px;
    padding-bottom: 20px;
}

.home-thumb-wrapper img {
    width: 100%;
    height: auto;
}

.home-thumb-wrapper {
		position: relative;
		margin-bottom: 20px;
    padding: 20px;
}

.overlay {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    height: 100%;
    width: 100%;
    opacity: 0;
    transition: .4s ease;
    background-color: #ff3d2e;

}

.home-thumb-wrapper:hover .overlay {
    opacity: 1;
    -webkit-transform: scale(0.9);
    -ms-transform: scale(0.9);
    transform: scale(0.9);
}

.content-text {
    color: #fff;
    font-size: 24px;
    font-style: bold;
    text-align: center;
}

.content-text {
    font-size: 20px;
}

.home-text {
    color: white;
    font-size: 24px;
    font-style: bold;
    position: absolute;
    top: 30%;
    left: 50%;
    text-align: center;
    margin-right: -50%;
    transform: translate(-50%, -50%)
}


.home-sub-text {
    color: white;
    font-size: 14px;
    font-style: italic;
    position: absolute;
    padding: 20px;
    top: 60%;
    left: 50%;
    text-align: center;
    margin-right: -50%;
    transform: translate(-50%, -50%)
}

.entry-content ul > li::before{
  margin-right: 10px;
}

.site-branding.centered-branding{
	line-height: 35px !important;
}
.header-contact{
	position: absolute;
	right: 0;
	bottom: 70px;
}

.site-footer .widget-title{
	padding-top: 30px;
	margin-bottom: 10px !important;
}

/*MOBILE RESPONSIVE DESIGN

Show and hide options for mobile.


*/

/* RESPONSIVE CSS
-------------------------------------------------- */
/* Large Devices, Wide Screens */
@media only screen and (min-width : 992px) {

}

/* Medium Devices, Desktops */
@media only screen and (max-width: 1199px) {

}

/* Medium Devices, Desktops */
@media only screen and (max-width: 992px) {



}

/* Small Devices, Tablets */
@media only screen and (max-width: 768px) {


}
/* Extra Small Devices, Phones */
@media only screen and (max-width : 480px) {


}

/* Custom, iPhone Retina */
@media only screen and (max-width : 320px) {


}


@media screen and (max-width: 1199px) {
  .phoneContent-hide {
      visibility: hidden;
      display: none;
  }
}

@media screen and (min-width: 1199px) {
  .phoneContent-reveal {
      visibility: hidden;
  }
}

@media all and (max-width: 959px) {
    .phoneContent-hide {display: none;}

		.header-contact{
			font-size: 16px;
			text-align: center;
			position: relative;
			right: auto;
			bottom: auto;
		}
}

@media all and (max-width: 768px) {
    .phoneContent-hide {
			display: block;
		}

		.menu-toggle{
			display: inline !important;
		}

		.header-contact h3{
			font-size: 18px;
		}

		.header-contact i{
			font-size: 24px;
		}
}

.phoneContent-reveal .home-text{
    color: white;
    font-style: bold;
    position: absolute;
    top: 50%;
    left: 50%;
    text-align: center;
}

.boxed {
    background-color: #ff3d2e ;
    padding: 15px ;
    border-radius: 25px;
    border-style: solid;
    margin: 20px auto;
    border-color: #fff;
    position:relative;

}