/*
Theme Name: DeepFocus-child
Version: 1.0
Description: A child theme of DeepFocus created by Brad Wallace
Template: DeepFocus
Author: bradwallacedesign.com Elegant Themes
*/
@import url("../DeepFocus/style.css");
/*main logo move up*/
#logo {
top: -60px;
left: -3px;}
/*Left Quote removal on home page*/
#tagline p {
background: none;
font-size: 35px;
text-align: center;
padding: 0px;}
.quote2 {
text-align: center;}
/*Right Quote removal on home page*/
#tagline span {
background: none;
padding: 0;}
/*hide default background*/
body {
background: url(http://whatmakesyourheartsing.net/wp-content/uploads/2013/09/Sand4.jpg) !important;
color: #000;}
/*Change Font on home page*/
.center-highlight {
font-size: 1.3em;
text-shadow: none;}
/*Subscribe button (on mobile only home page by way of custom php on home.php) - Center button*/
#mobile_subscribe_btn {
font-family: ColaborateThinRegular, Arial, sans-serif;
margin: auto;
width: 110px;}
/*Social Media icons position on home page - i added these with php by copying from widget on footer of other pages*/
#social-widget-2 {
float: right;
margin-top: -35px;}
/*Round corners & center text of testimonial box------------*/
.et-simple-slider {
text-align: center;
border-radius: 8px;
-moz-border-radius: 8px;}
.et_shortcodes_controller_nav {
border-radius: 0 0 8px 8px;
-moz-border-radius: 0 0 8px 8px;}
/*hide html explanation on comment areas*/
p.form-allowed-tags {
display: none;}
/*hide breadcrumbs*/
#breadcrumbs {
display: none;}
/*Larger Text in ET quotations*/
.et_right_quote {
font-size: larger;}
/*shadow added to page and post images but not homepage*/
body.page img, body.single img {
-webkit-box-shadow: #555 4px 4px 7px;
box-shadow: #555 4px 4px 7px;
margin-bottom: 15px;}
/*shadow removed from logo due to element above*/
#logo {
-webkit-box-shadow: none;
box-shadow: none;
margin-bottom: none;}
/*shadow added to vimeo videos*/
iframe {
-webkit-box-shadow: #555 4px 4px 7px;
box-shadow: #555 4px 4px 7px;}
/*Jetpack social media - shadow hide*/
div.sharedaddy iframe{
-webkit-box-shadow: none;
box-shadow: none;}
/*old share plugin Share Icons hide from home page under Our Story & Documentaries & on contact page
body.home div.bottomcontainerBox, body.page-template-page-contact-php div.bottomcontainerBox {
display: none;}*/
/*Read More button - hide (i also added custom p h p to give it another class)*/
a.readmore2 {
display: none;}
/*From the Blog - longer*/
#blog-wrapper {
height: 420px;}
#blog-wrapper .recentscroll {
height: 372px;}
/*From the blog thumbnail formatting*/
#blog-content img {
width: 50px;
float: left;
margin: 0 5px 5px 0;
-webkit-box-shadow: #888 2px 2px 4px;
box-shadow: #888 2px 2px 4px;}
/*Feather Social Media - Share Icons hide from home page under Our Story & Documentaries & on contact page & Subscribe page*/
body.home a.synved-social-button, body.page-template-page-contact-php a.synved-social-button, body.page-id-255 a.synved-social-button {display: none;}
/*Jetpack Social Media - Share Icons hide from home page under Our Story & Documentaries & on contact page & on subscribe page*/
body.home div.sharedaddy, body.page-template-page-contact-php div.sharedaddy, body.page-id-255 div.sharedaddy {display: none;}
/*hide meta post info on pages*/
body.page p.post-meta {display:none;}
div.service img {padding-bottom: 10px;}
#blog img {padding-bottom: 0;}
/*Speaking page added sidebar to this fullwidth page*/
#speaking-main {
width: 645px;
float: left;}
#speaking-sidebar {
width: 280px;
padding-left: 25px;
float: right;}
#speaking-sidebar li {
padding-left: -1em;
text-indent: -1em;
text-decoration: underline white;
line-height: 1.7em;}
#speaking-bottom {
clear:both;
width: 645px;}
/*clients page - logos resized smaller and p padding set to make them all evenly spaced*/
/*#clientLogos img {
width: 90px;
margin: 4px;}*/
div#clientLogos p {
padding: 0;}
#clientMain ul {
list-style-type: circle;}
#clientMain li {
font-weight: bold;
color: white;}
/*position events & subscribe btn next to search box on home pg*/
/*gallery slideshow make responsive and decrease size for screen size*/
/*TF Social Share plugin make responsive since overlaps other text on iphone*/
/*---------------------Responsive.css-----------------------------------------*/
/*Events and Subscribe menus are pushed to the right*/
#menu-item-323 {left: 215px;}
#menu-item-316 {left: 217px;}
#mobile_subscribe_btn {display: none;}
@media only screen and ( max-width: 960px ) {
/*Events and Subscribe menus are pushed to the right*/
#menu-item-323 {left: 135px;}
#menu-item-316 {left: 137px;}
/* move speaking section from floating right to below slideshow on smaller screens*/
#speaking-main {
width: 100%;
float: none;}
#speaking-sidebar {
width: 100%;
padding-left: 0;
margin-top: 1em;
float: none;}
#speaking-sidebar li {
padding-left: 0;
text-indent: 0;}
#speaking-bottom{
width: 100%;}
}
/*Phones landscape*/
@media only screen and ( max-width: 767px ) {
/*Service padding needed for some reason on once added mobile only subscribe button*/
div.service {padding: 52px 26px 26px 0 !important;}
/*Subscribe button mobile only - (from custom php on home.php) - want to hide on ipad so display:none everywhere but on phone landscape and portrait*/
#mobile_subscribe_btn {display: block;};
/*Events and Subscribe menus are NOT pushed to the right*/
#menu-item-323 {left: 0;}
#menu-item-316 {left: 0;}
/*move search box for iphone since overlaps logo text*/
#search-form {position: static !important;}
/*banner slideshow controller is too long for small screens so hide it*/
#controllers-wrapper {display:none !important;}
/*sub menus overlap and hide menus below them by default. so fix this*/
ul.sub-menu {
background:none !important;
border:none !important;
box-shadow: none !important;
-webkit-box-shadow: none !important;
-moz-box-shadow: none !important;
margin-left: 100px !important;
margin-top: -3em;}
/*make drop-down mobile menu larger etc*/
#mobile_menu {
left: -63px !important;
width: 271px !important;
padding-left: 25px !important;}
}
/*Phones portrait*/
@media only screen and ( max-width: 479px ) {
/*Subscribe button mobile only - (from custom php on home.php) - want to hide on ipad so display:none everywhere but on phone landscape and portrait*/
#mobile_subscribe_btn {display: block;};
/*Events and Subscribe menus are NOT pushed to the right*/
#menu-item-323 {left: 0;}
#menu-item-316 {left: 0;}
/*main banner and search box are hidden by default. show them!*/
#featured, #search-form, body.home, #home-top {
display: block !important;}
#featured {padding-bottom: 0 !important;}
/*hide elements of background of banner slides since don't display correctly*/
.slide .overlay, .slide .overlay2 {display: none;}
/*reposition search box*/
#search-form {
position: absolute !important;
right: 58px !important;
top: -58px !important;}
/*Less padding after tagline quote*/
#tagline {
padding-bottom: 30px;
padding-top: 20px;}
/*reposition social widgets*/
#social-widget-2 {
float: none !important;
margin: 0 0 30px 70px;}
.widget h4.widgettitle {margin-left: 25px;}
/*display "testimonials" h3 */
h3.recentworks {display: block !important;}
}
/*---------------------put nothing below this---------------------------------*/