/*
Theme Name: goodthinkinc
Author: Dream-Theme
Author URI: http://dream-theme.com/
Description: The7 is perfectly scalable, performance and SEO optimized, responsive, retina ready multipurpose WordPress theme. It will fit every site – big or small. From huge corporate portals to studio or personal sites – The7 will become a great foundation for your next project!
Version: 1.0.0
License: This WordPress theme is comprised of two parts: (1) The PHP code and integrated HTML are licensed under the GPL license as is WordPress itself.  You will find a copy of the license text in the same directory as this text file. Or you can read it here: http://wordpress.org/about/gpl/ (2) All other parts of the theme including, but not limited to the CSS code, images, and design are licensed according to the license purchased. Read about licensing details here: http://themeforest.net/licenses/regular_extended
Template: dt-the7
*/

[title^="custom-image"] .menu-text {
    padding-left: 30px;
    position: relative;
}

[title^="custom-image"] .menu-text::before {
    background-size: 20px auto;
    content: " ";
    height: 20px;
    left: 0;
    position: absolute;
    top: -2px;
    vertical-align: text-top;
    width: 20px;
}

[title="custom-image-amy"] .menu-text::before {
    background-image: url("http://goodthinkinc.com/wp-content/uploads/2016/04/amy-menu.jpg");
}

[title="custom-image-bobo"] .menu-text::before {
    background-image: url("http://goodthink.staging.wpengine.com/wp-content/uploads/2016/03/doctor-bobo-pic-small.png");
}

[title="custom-image-eric"] .menu-text::before {
    background-image: url("http://goodthink.staging.wpengine.com/wp-content/uploads/2016/03/Eric-Karpinski-small.jpg");
}

[title="custom-image-michelle"] .menu-text::before {
    background-image: url("http://goodthinkinc.com/wp-content/uploads/2016/04/michelle-menu.jpg");
}

[title="custom-image-shawn"] .menu-text::before {
    background-image: url("http://goodthinkinc.com/wp-content/uploads/2016/04/shawn-menu.jpg");
}

.footer .widget {
    width: 25%;
    display: inline-block;
}


/**
 ###################################
 DT-THE7 custom css pasted into here.

 This solves an issue where theme options aren't properly transferred in The7 v1 so 
 we can't properly migrate the website.s
 ###################################

*/

/**
###################################
DT-THE7 pasted contents end.

###################################
*/



.blog .dt-format-gallery .dt-format-gallery-coll.full,
.archive .dt-format-gallery .dt-format-gallery-coll.full,
.search .dt-format-gallery .dt-format-gallery-coll.full
{
    display: none;
}


.wp-caption-text,
.sticky,
.gallery-caption,
.bypostauthor {}

.fivecol-wrapper .wf-span-2:last-of-type {
    display: none;
}

.fivecol-wrapper .wf-span-2 {
    width: 20%;
}

.book-links .vc_btn {
    text-align: center;
    width: 100%;
}

.dt-fancy-separator.h2-size {
    line-height: 200%;
}

.indv-speaker-page .team-content a {
    display: none;
}

.hbspt-form {
    background: #f7f7f8;
    padding: 0 20px;
}

.homepage_signup_wrapper {
    background-color: #3b8ced;
    text-align: center;
}

.homepage_signup_wrapper .hs-form.stacked .field {
    margin-bottom: 0;
}


@media screen and (max-width: 390px) {
    .homepage_signup_wrapper .hs-form.stacked .field {
        width: 100%;
    }
}

.homepage_signup_wrapper .hbspt-form {
    display: inline-block;
}

.homepage_signup_wrapper .hbspt-form {
    background: transparent;
}

.homepage_signup_wrapper .hbspt-form label {
    display: none !important;
    color: #fff;
}

.hs-form .hs-button, .hs-form .hs-button:hover, .hs-form .hs-button:focus, .hs-form .hs-button.hovered, input.hs-input:focus, textarea.hs-input:focus {
    border: none!important;
    text-shadow: none!important;
    box-shadow: none!important;
}

input.hs-input:focus, textarea.hs-input:focus {
    -webkit-box-shadow: inset 0 1px 3px rgba(0,0,0,.1), 0 0 6px rgba(0,0,0,.25)!important;
    -moz-box-shadow: inset 0 1px 3px rgba(0,0,0,.1), 0 0 6px rgba(0,0,0,.25)!important;
    box-shadow: inset 0 1px 3px rgba(0,0,0,.1), 0 0 6px rgba(0,0,0,.25)!important;
    border: 1px solid #ff6600!important;
}

.hs-form .hs-input, .hs-form textarea.hs-input {
    width: 100%!important;
    max-width: 100%!important;
    padding: 20px;
    height: inherit!important;
}

.homepage_signup_wrapper .hs-form .hs-input, .hs-form textarea.hs-input {
    padding: 12px 10px;
}

.homepage_signup_wrapper .hs-form .hs-input {
    margin-bottom: 6px;
}

.hs-form .hs-input[type=checkbox] {
    width: inherit!important;
}

.hs-form input:not([type=image]), .hs-form textarea {
    box-sizing: border-box!important;
}

.hs-form .actions {
    padding: 0!important;
}

.hs-form.stacked .actions {
    margin-left: 0!important;
}

.hs-form input[type="submit"] {
    width: 100%;
    padding: 20px;
    text-transform: uppercase;
    /*font: normal normal normal 15px / 23px "Muli", Helvetica, Arial, Verdana, sans-serif;*/
    font-weight: normal;
    font-size: 15px;
    line-height: 23px;
}

.homepage_signup_wrapper .hs-form input[type="submit"] {
    width: inherit;
    padding: 13px 12px 10px;
    text-transform: uppercase;
    /*font: normal normal normal 15px / 23px "Muli", Helvetica, Arial, Verdana, sans-serif;*/
    font-weight: normal;
    font-size: 15px;
    line-height: 23px;
    background-color: #ff6600;
}

.homepage_signup_wrapper .hs-form fieldset {
    width: 195px;
    width: calc(100% - 115px);
}


.homepage_signup_wrapper .hs-form fieldset, .homepage_signup_wrapper .hs-form .hs_submit {
    float: left;
    margin-top: 13px;
}

.homepage_signup_wrapper .hs-form .hs_submit {
    margin-top: 6px;
    width: 115px;
}

.homepage_signup_wrapper .hs-form input[type=text] {
    border: 1px solid #ffffff;
}

.homepage_signup_wrapper .hs-form .actions {
    margin-bottom: 0;
    margin-top: 6px;
}

.homepage_signup_wrapper .wpb_content_element {
    margin-bottom: 0;
}

select.hs-input, input.hs-input[type=file] {
    height: 42px!important;
    line-height: 42px!important;
}

a.vc_btn_orange {
    background-color: #ff6600;
}

a.vc_btn_orange:hover {
    background-color: #eb5d00;
}

.logos-grid a img, .logos-grid img {
    filter: grayscale(0%);
    -webkit-filter: grayscale(0%);
    -moz-filter: grayscale(0%);
    -ms-filter: grayscale(0%);
    -o-filter: grayscale(0%);
    opacity: 1;
    transition: all 0.3s ease-in-out;
}

.logos-grid a:hover img, .logos-grid img:hover {
    filter: grayscale(100%);
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    opacity: 0.75;
    transition: all 0.3s ease-in-out;
}

.footer .widget {
    display: block;
    width: auto;
}

.footer .widget {
    display: inline-block;
    width: 25%;
    vertical-align: top;
}

.footer .widget {
    margin-bottom: 0;
}

.pam {
    padding: 0!important;
}

@media screen and (max-width: 767px) {

    .footer .widget {
        width: 50%;
    }

}

@media screen and (max-width: 480px) {

    .footer .widget {
        width: 100%;
    }

}

.homepage_content_locker_wrapper .hs-form {
    margin-bottom: 0;
    text-align: left;
}

.homepage_content_locker_wrapper .hs-form fieldset {
    display: inline-block;
    width: calc(100% - 200px);
}

.homepage_content_locker_wrapper .hs-form.stacked .field {
    display: inline-block;
    width: 45%;
    margin-right: 1rem;
}

.homepage_content_locker_wrapper input.hs-input {
    border-color: #aaaaaa;
}

.homepage_content_locker_wrapper .hs_submit {
    display: inline-block;
    margin-top: 35px;
    vertical-align: top;
    width: 200px;
}

.homepage_content_locker_wrapper .hs-form input[type="submit"] {
    padding: 0;
}

.modal-wrapper {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #000;
    opacity: 0.8;
    z-index: 1001;
}

.homepage_content_locker_wrapper {
    display: none;
    position: fixed;
    top: 10%;
    left: 25%;
    width: 50%;
    background-color: #FFF;
    opacity: 1;
    z-index: 1002;
}

/*
@media screen and (max-width: 767px) {
    .homepage_content_locker_wrapper .join-us-image {
        margin-top: 42px;
    }

    .homepage_content_locker_wrapper .hs-form.stacked .field {
        width: 100%;
    }

    .homepage_content_locker_wrapper .hs_submit {
        display: block;
        width: inherit;
    }
}
*/

@media screen and (max-width: 1100px) {
    /*
    .homepage_content_locker_wrapper .hs-form.stacked .field {
        display: block;
        margin-bottom: 10px;
    }

    .homepage_content_locker_wrapper .hs-form fieldset {
        width: 100%;
    }

    .homepage_content_locker_wrapper {
        height: 90%;        
        left: 0;
        overflow-y: scroll;
        overflow-x: hidden;
        width: 100%;
    }
    */

    .homepage_content_locker_wrapper {
        visibility: hidden;
    }

    .modal-wrapper {
        visibility: hidden;
    }
}

.homepage_content_locker_wrapper .hbspt-form {
    background-color: #FFF;
}

.modal-close {
    padding: 10px;
    float: right;
    cursor: pointer;
    font-size: 22px;
    width: 15px;
}

#header .wf-table {
    height: 84px;
    min-height: 84px;
}

/*
.newsletter-signup .hbspt-form {
    background: transparent none repeat scroll 0 0;
    padding: 0;
}

.newsletter-signup .hs_submit {
    display: inline-block;
    margin-bottom: 10px;
    vertical-align: top;
    width: 200px;
}

.newsletter-signup .hs-form fieldset {
    display: inline-block;
    max-width: 80%;
    width: 80%;
    width: calc(100% - 200px);
}

.newsletter-signup .hs-form.stacked label {
    display: none;
}

.newsletter-signup .hs-form .actions {
    margin-top: 0;
}

.newsletter-signup .hs-form input[type="submit"] {
    background-color: #ee6a30;
    background-image: none;
    font-weight: bold;
    height: auto;
    max-width: 200px;
    padding: 14px 0;
}

.newsletter-signup .hs-form .hs-input, .hs-form textarea.hs-input {
    border: 1px solid #e0e1e1;
    border-radius: 6px;
    box-shadow: none;
    color: #b8bcbe;
    line-height: 23px;
    margin-bottom: 10px;
    padding: 14px;
}

@media screen and (max-width: 700px) {
    .newsletter-signup .hs-form fieldset.form-columns-2 .hs-form-field {
        width: 100%;
    }

    .newsletter-signup .hs_submit {
        display: block;
        float: right;
        margin-right: 8px;
        text-align: right;
    }

    .newsletter-signup .hs-form fieldset {
        max-width: 100%;
        width: 100%;
    }
}
*/

/* this cancels the division to 4 footer areas, so that each takes the entire width */
.footer .widget {
    width: 100%;
}

.widget .tp_recent_tweets li {
    padding: 0;
    vertical-align: top;
}

.mobile-visible {
	display: none;
}

@media screen and (max-width: 768px) {
	/* this applies to everything in the smallest screen size in dt-the7 responsiveness options */
    .mobile-visible {
	    display: block;
    }
	
	.web-visible {
		display: none;
	}
	
	.center-align-on-mobile {
		text-align: center !important;
	}
}


/* responsiveness fixes on gift page */
@media screen and (max-width: 700px) {
  body.page-id-3505 .header-bar {
    display: none !important;
  }
  body.page-id-3505 .mobile-header-bar {
    display: block;
  }
  body.page-id-3505 .mobile-branding img {
    width: 100%;
    height: auto;
    margin-top: 60px;
  }
  body.page-id-3505 #main {
    text-align: center;
  }
}

/* gravity forms are set to have the fonts at 100% of the input element. we restrict them to a fixed size. */
.gf_inline {
	font-size: 14px;
}

/* making the top bar (the social links at the top of every page) stay on the same line as the header */
.top-bar {
	width: 200px;
	float: right;
}

/*
 * when a page has a header banner that's supposed to stretch on the entire width of the screen, we make two copies of the row with the banner.
 * the row with web-visible has the row style set to 'Default VC', row stretch to 'stretch row', a simple parallax, a background image that contains only part of the image that has actual imagery, assuming the sides are just some color, and we assign this class name to take care of the necessary background properties.
 * the row with mobile-visible has parallax set to none, and a background image (in contain mode) set in the design tab, which means that it isn't affected by the following CSS. So to clarify - the following CSS is just for large screens. */
.stretched-banner .vc_parallax-inner {
	background-size: contain;
	background-repeat: no-repeat;
	background-position: 70% 0;
}

/* wpcf7 adds this css for all form elements except for the submit button, so with inline forms,
 * we get a submit button that's slightly above the rest of the form, and this is how we fix it. */
.gform_button {
	margin-bottom: 10px !important;
}

#mobile-homepage-top-banner-text-block h1 {
	font-size: 16px;
}

#mobile-homepage-top-banner-text-block h6 > span {
	font-size: 28px;
}

/* making the recent tweets widget horizontal */
.widget .tp_recent_tweets li {
    width: 30%;
    display: inline-block;
	padding: 0 10px;
}
@media screen and (max-width: 700px) {
    .widget .tp_recent_tweets li {
        width: 100%;
        display: block;
		padding: 0;
	}
}


/* see: https://stackoverflow.com/a/23374725 */
.ginput_container_number input[type=number]::-webkit-outer-spin-button,
.ginput_container_number input[type=number]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}
.ginput_container_number input[type=number] {
    -moz-appearance:textfield;
}