/*
 Theme Name:     Dreamedia Solutions Theme
 Theme URI:      http://www.dreamediasolutions.com.au/theme
 Description:    Dreamedia Solutions Theme
 Author:         Krupa
 Author URI:     http://www.dreamediasolutions.com.au
 Version:        1.0.0
*/
 
@import url("../Vertex/style.css");
@import url(http://fonts.googleapis.com/css?family=Pathway+Gothic+One);

/*
FONT ICONS
*/
@font-face {
  font-family: 'fonticon';
  src:  url('fonts/fonticon.eot?r24iz2');
  src:  url('fonts/fonticon.eot?r24iz2#iefix') format('embedded-opentype'),
    url('fonts/fonticon.ttf?r24iz2') format('truetype'),
    url('fonts/fonticon.woff?r24iz2') format('woff'),
    url('fonts/fonticon.svg?r24iz2#fonticon') format('svg');
  font-weight: normal;
  font-style: normal;
}

[class^="icon-"], [class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'fonticon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-newspaper:before {
  content: "\e900";
}
.icon-pencil:before {
  content: "\e901";
}
.icon-pencil2:before {
  content: "\e902";
}
.icon-camera:before {
  content: "\e903";
}
.icon-play:before {
  content: "\e904";
}
.icon-film:before {
  content: "\e905";
}
.icon-file-picture:before {
  content: "\e906";
}
.icon-file-play:before {
  content: "\e907";
}
.icon-file-video:before {
  content: "\e908";
}
.icon-price-tag:before {
  content: "\e909";
}
.icon-price-tags:before {
  content: "\e90a";
}
.icon-display:before {
  content: "\e90b";
}
.icon-mobile:before {
  content: "\e90c";
}

.services-block{
	text-align: center;
	padding: 10px 0;
}

.col-4{
	margin-bottom: 4%;
    margin-left: 2% !important;
    margin-right: 2% !important;
    width: 21% !important;
    float: left;
    position: relative;
}


.services-block h2{
	font-size: 15px;
	margin-top: 2.5em;
}
.services-block span{
	font-size: 70px;
	color: #8dc63f;

} 
.service-icon span:hover{
	border-radius: 5px;
    padding: 0.3em;
    margin: 0 auto;
    color: #242830;
    font-size: 70px;
    transition: border-color 0s, font-size 0.3s ease-out;
}

.service-icon a:hover {
    text-decoration: none;
}


@media only screen and (max-width: 600px){
	.col-4{
		width: 50% !important;
	    margin-left: 0 !important;
	    margin-right: 0 !important;
	    margin-bottom: 4em;
	}
	.services-block span {
	    font-size: 60px;
	}
	.service-icon span:hover {
	    font-size: 51px;
	}
}

.home .et-odd {
    background-color: #fafafa;
    border-top: 1px solid #e6e6e6;
    border-bottom: 1px solid #e6e6e6;
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.03);
    -moz-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.03);
    box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.03);
}
.home .et-event {
    background-color: #fff;
    border:none;
}
 
/* =Theme customization starts here
------------------------------------------------------- */
/* Header */
nav{
	float:right;
}
#top-area h1.title{
	color: #242830;
}
/* Front Page */
body.home #top-area
{
    padding: 0;
    height: 425px;
    max-height: 425px;
}
body.home #et-logo{
  display:block;
}
.home-block {
  padding-top: 60px;
}
.home .one_fourth .et-box-content {
  padding: 0.5em;
  min-height: 253px;
}
.home .service-icon{
	min-height: 60px;
}
.home-block header h2 {
  font-size: 30px;
  font-weight: normal;
  color: #333;
}
.home-block header h3 {
  font-size: 15px;
}
.service-icon img {
  	-webkit-transition: margin 0.5s ease-out;
    -moz-transition: margin 0.5s ease-out;
    -o-transition: margin 0.5s ease-out;
}
.service-icon img:hover{
	cursor:pointer;
    margin-top: 5px;
}

.home-block.projects a.read-more{
	color:#242830;
}
.home-block .view-all-projects{
	text-align: center;
	margin-bottom: 30px;
    margin-top: 30px;
}
.home-block .view-all-projects a.read-more{
	background-color: #8dc63f;
    color: #fff !important;
    font-weight: 500;
    border-radius: 5px;
    padding: 10px 15px;
}
.home-block .et-description {
    padding-top: 0;
}
.home .tag{
    background-color: #8dc63f;
}
.home .tagline{
	margin-bottom: 0;
    text-align: center;
    font-weight: 700;   
    font-size: 20px;
    font-weight: normal;
    text-transform: none;
    line-height: 1.5em;
    padding: 18px 0;
}
/* Hires Page */
.hire_gallery{
	margin-bottom: 90px!important;
}
.et_pt_item_image{
	margin-bottom: 0.5em;
}
.hire_item_title{
	text-align :center;
	margin-bottom: 1em;
}
.hire_item_title a{
	font-size: 11px;
 	font-weight: 600;
	color: #333;
}
.hire_item_view_more{
	text-align :center;
	margin-bottom: 0.5em;
	font-size: 12px;
}
.hire_item_view_more a{
	color: #fff;
  	background: #8dc63f;
  	padding: 5px;
  	border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    text-decoration: none;
}	
.hire_item_view_more a:hover{
	color: rgba(255, 255, 255, 0.9);
}
.hires #top-area{
	display:none;
}
.home #top-area{
	display:block;
}
.hires #sidebar {
    display: none;
}
.hires #main-area {
    width: 100%;
}
.hires_img img{
	width: 50%;
	height: auto;
}

/* Team-member Page */
.member-image, .avatar {
  -webkit-border-radius: 70px;
  -moz-border-radius: 70px;
  border-radius: 70px;
}
.page-template-page-template-team-php .title span {
  padding-left: 0.3em;
}
.skills li {
  background-color: #8dc63f!important;
}

/* DMS Quote Request Form */
#ninja_forms_form_8 input,
#ninja_forms_form_8 textarea{
	font-size: 13px;
	padding: 5px;
}
#ninja_forms_form_8 .ninja-forms-required-items{
	padding: 1em 0;
}
#ninja_forms_form_8 input#ninja_forms_field_37 {
  background-color: #ccc;
  font-weight: bold;
}

/* Service Page */
.page-services h2 i{
      font-size: 50px;
      vertical-align: bottom;
      margin-right: 0.2em;
      color: rgb(141, 198, 63);
 }
.page-services #content-area .container {
  width: 100%;
}
.page-services #content-area .container .service{
  width: 960px;
  margin: 0 auto;
}
.one_fourth{
	/*margin-right: 3% !important;*/
}
.page-services h2{
	line-height: 50px;
	  margin-top: 1.5em;
	  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -o-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-transform: translate3d(0,0,0);
}
.page-services .first-row h2{
	margin-top:0;
} 
.et-scroll-animations h2{
  opacity: 0;
  -moz-transition: all 0.7s ease-in-out;
  -webkit-transition: all 0.7s ease-in-out;
  transition: all 0.7s ease-in-out;
}
.et-scroll-animations .et-animated h2 {
  -webkit-transform: translateY(-20px);
  -moz-transform: translateY(-20px);
  transform: translateY(-20px);
}
.et-scroll-animations .et-animated h2 {
  opacity: 1;
}
.service h2{
  opacity: 1;
 }
.et-scroll-animations .et-animated h2 {
 -webkit-transform: translateY(0);
  -moz-transform: translateY(0);
  transform: translateY(0);
}
@media only screen and ( min-width: 768px ) and ( max-width: 960px ) {
	.page-services #content-area .container .service{ width: 728px; }
}
@media only screen and ( max-width: 767px ) {
	.page-services #content-area .container .service{ width: 440px; }
}
@media only screen and ( max-width: 479px ) {
	.page-services #content-area .container .service{ width: 280px; }
}
@media only screen and (max-width: 767px){
  .mobile_nav > .et_mobile_arrow {
  display: block;
  background: url('images/menu-icon-3.png') no-repeat;
  width: 35px;
  height: 20px;
  position: absolute;
  top: 0;
  right: -25px;
 }
 #et_mobile_nav_menu {
 	margin-top: 10px;
 }
 #et-logo{
 	margin-top:0;
 }
 #top-menu a{
 	padding: 0 5px;
 }
}
/*
 * Project Page
 */
.project .main-thumbnail{
  display:inline-block;
  width: 25%;
  padding-right: 1%;
}
.project .desc{
  display:inline-block;
  width: 72%;
  vertical-align: top;
}
/* 
 * NEWS ARTICLE PAGE
 */
.news-article #main-area{
	width: 100%;
}
.category-news-article .member-image{
	display: none;
}
.description p.meta-info, .alt-description p.meta-info{
	padding: 11px 25px 12px 25px;
}
.category-news-article .thumbnail{
	display: inline-block;
	width: 48%;
}
.category-news-article .thumbnail:before{
	display: none;
}
.category-news-article .news-detail{
	display: inline-block;
	width: 45%;
    padding-left: 2%;
    vertical-align: top;
}
.category-news-article .read-more {
    float: left;
   }
  .category-news-article .news-detail h1{
   	
   	padding-bottom: 15px;
   	font-weight: 100;
   	    font-family: 'Raleway', Arial, sans-serif;
   }
/*
 * TECH NEWS PAGE
 */
.category-tech-news .member-image{
	display: none;
}
.news-detail h1 a:hover {
    text-decoration: none;
    font-weight: 300;
}
/*
 * Quote Section
 */
.quote{
	color:#ffffff;
}
/*
 * Header CSS
 */
.nav{
	float: left;
}
.quote-block{
	float: left;
}
.quote-block strong{
	color: #fff;
}
.quote-block strong:hover{
	color: #758288;

}
.quote-block img{
	vertical-align: middle;
}
.quote-block img:hover{
	src:('/wp-content/uploads/right-arrow-w.png');
}
.page-get-a-quote #top-area{
	background-image: none;	
	background-color: transparent;	
	padding-top: 61px;
}
.page-get-a-quote #top-area h1.title {
    color: #ffffff;
}
#ninja_forms_form_13_all_fields_wrap {  
	border: 1px solid #dcd8d8;
    background: url("../Vertex-child/images/form-bkg.png");
    position: absolute;
    left: 13px;
    top: -100px;
    width: 100%;
    border-radius: 5px;
    padding: 39px 30px 34px;
}
.quote-info{
	float:left;
	display:block;
	width: 50%;
}
.quote-info h2{
	opacity: 1;
	/*font-family: 'Pathway Gothic One', sans-serif; */
}
.quote-info .et-custom-list ul li{
	color: #333;
	margin: 15px 0 !important;
}
.quote-info .et-custom-list ul{
	padding-bottom: 0 !important;
}
.quote-info .et-custom-list ul li.last{
	margin-bottom: 0 !important;
}
.quote-describe{
	height: 120px !important;
}
.quote-form-field-phone-wrap,
.quote-form-field-company-wrap{
	display:inline-block;
	width:48.5%;
	vertical-align: top;
}
#ninja_forms_form_13 .text-wrap.label-above label, 
#ninja_forms_form_13 .textarea-wrap.label-above label {
  display: block;
  width: 100%;
  color: #25383b;
}
#ninja_forms_form_13 .ninja-forms-required-items{
	display:none;
}
#ninja_forms_form_13_cont{
	float:left;
	width: 50%;
}
#ninja_forms_form_13 input[type='submit']{
  color: #595a5a !important;
  background: #f5f5f5;
  background: -moz-linear-gradient(top, #f5f5f5 0%, #e1e1e1 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f5f5f5), color-stop(100%,#e1e1e1));
  background: -webkit-linear-gradient(top, #f5f5f5 0%,#e1e1e1 100%);
  background: -o-linear-gradient(top, #f5f5f5 0%,#e1e1e1 100%);
  background: -ms-linear-gradient(top, #f5f5f5 0%,#e1e1e1 100%);
  background: linear-gradient(to bottom, #f5f5f5 0%,#e1e1e1 100%);
  border: 1px solid #c3c3c3;
  text-shadow: 1px 1px 1px #fff;
  -moz-box-shadow: inset 0 1px 0 0 rgba(255,255,255,0.9), 1px 1px 1px rgba(0,0,0,0.1);
  -webkit-box-shadow: inset 0 1px 0 0 rgba(255,255,255,0.9), 1px 1px 1px rgba(0,0,0,0.1);
  box-shadow: inset 0 1px 0 0 rgba(255,255,255,0.9), 1px 1px 1px rgba(0,0,0,0.1);
  position: relative;
  text-shadow: 1px 1px 0 rgba(255,255,255,0.3);
  -moz-box-shadow: inset 0 1px 0 0 rgba(255,255,255,0.4), 1px 1px 1px rgba(0,0,0,0.1);
  -webkit-box-shadow: inset 0 1px 0 0 rgba(255,255,255,0.4), 1px 1px 1px rgba(0,0,0,0.1);
  box-shadow: inset 0 1px 0 0 rgba(255,255,255,0.4), 1px 1px 1px rgba(0,0,0,0.1);
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  border-radius: 10px;
  line-height: 26px;
  }
  .quote-form-submit-button-wrap{
  	margin-bottom: 0 !important;
  }
 .tpp-arrow-text{
  	  position: absolute;
	  top: -166px;
	  text-align: center;
	  width: 100%;
  }
  @media only screen and (max-width: 767px){
	    .quote-info{
		float:left;
		display:block;
		width: 100%;
		}
		#ninja_forms_form_13_cont{
		float:left;
		width: 100%;
		padding-top:20px;
		}
		.tpp-arrow-text{
			display:none;
		}
		#ninja_forms_form_13_all_fields_wrap {  
			border: 1px solid #dcd8d8;
		    background: url("../Vertex-child/images/form-bkg.png");
		    position: relative;
		    width: 100%;
		    position: relative;
		    top: 0;
		    left: 0;
		    border-radius: 5px;
		    padding: 39px 30px 34px;
		}
  }
#top-area, #pre-footer {
  background-image: url("../../uploads/dreamedia-creative-banner.jpg");
  background-color: rgba(250, 235, 215,0.50);
  background-blend-mode: screen;
}
.home #top-area, #pre-footer {
 background-color:transparent;
  background-image: url("../../uploads/dreamedia-creative-banner.jpg");
}
#pre-footer p.tagline {
    margin-bottom: 0;
}
#main-footer {padding: 50px 0 50px;}
.footer-phone{
	text-align: center;
}
#footer-widgets { margin-bottom: 0;}
.footer-widget {
	width: 293px;
    margin-right: 40px;
}
.fwidget, #footer-widgets {
    margin-bottom: 10px;
}
#footer-widgets .fa {
    font-size: 35px;
}
#footer-info strong{
	color:#ffffff;
}
/* CONTACT FORM */
.contact-submit{
    background: #82B948;
    padding: 10px 20px;
    color: #fff;
    font-weight: 700;
    border-radius: 2px;
    border: 1px #6da036 solid;
}
.contact-submit:hover{opacity: 0.85;}
h2.ninja-forms-form-title{
	opacity: 1;
	font-size: 30px;
	padding-bottom: 30px;
}
.ninja-forms-required-items {
    padding-bottom: 15px;
}
.social-buttons{
	text-align: center;
    margin-bottom: 28px;
}

.social-buttons .icon a{
    width: 40px;
    height: 40px;
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    -o-border-radius: 50%;
    background: #8DC63F;
    display: inline-block;
    color: #fff;
    font-size: 17px;
    text-align: center;
}
.social-buttons .icon .fa {
    position: relative;
    top: 1px;
    line-height: 34px;
}
#main-footer .fa-stack-1x, 
#main-footer .fa-stack-2x {
    border-radius: 22px;
    background: #8DC63F;
}
#main-footer .fa-stack {
    margin-left: 5px;
}
/* Google Map */
.page-get-a-quote #content-area{
	padding: 60px 0 60px;
}
}
.page-services #content-area{
	padding-bottom: 0;
}

.details{
	margin-bottom: 1.5em;
    color: #444;
    line-height: 2em;
    font-weight: 500;
    font-size: 15px;
}
.details h3{
    color: #333;
    line-height: 2em;
    font-weight: 600;
}
.page-contact-us .ninja-forms-cont {
    position: inherit;
}
@media only screen and (max-width: 767px){
	.details{
		width:98% !important;
	}
}