</*! normalize.css v2.1.3 | MIT License | git.io/normalize */ /* ========================================================================== HTML5 display definitions ========================================================================== */ /** * Correct `block` display not defined in IE 8/9. */ article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary {display: block; } /** * Correct `inline-block` display not defined in IE 8/9. */ audio, canvas, video {display: inline-block; } /** * Prevent modern browsers from displaying `audio` without controls. * Remove excess height in iOS 5 devices. */ audio:not([controls]) {display: none; height: 0; } /** * Address `[hidden]` styling not present in IE 8/9. * Hide the `template` element in IE, Safari, and Firefox < 22. */ [hidden], template {display: none; } /* ========================================================================== Base ========================================================================== */ /** * 1. Set default font family to sans-serif. * 2. Prevent iOS text size adjust after orientation change, without disabling *    user zoom. */ html {font-family: sans-serif; /* 1 */ -ms-text-size-adjust: 100%; /* 2 */ -webkit-text-size-adjust: 100%; /* 2 */ } /** * Remove default margin. */ body {margin: 0; } /* ========================================================================== Links ========================================================================== */ /** * Remove the gray background color from active links in IE 10. */ a {background: transparent; } /** * Address `outline` inconsistency between Chrome and other browsers. */ a:focus {outline: thin dotted; } /** * Improve readability when focused and also mouse hovered in all browsers. */ a:active, a:hover {outline: 0; } /* ========================================================================== Typography ========================================================================== */ /** * Address variable `h1` font-size and margin within `section` and `article` * contexts in Firefox 4+, Safari 5, and Chrome. */ h1 {font-size: 2em; margin: 0.67em 0; } /** * Address styling not present in IE 8/9, Safari 5, and Chrome. */ abbr[title] {border-bottom: 1px dotted; } /** * Address style set to `bolder` in Firefox 4+, Safari 5, and Chrome. */ b, strong {font-weight: bold; } /** * Address styling not present in Safari 5 and Chrome. */ dfn {font-style: italic; } /** * Address differences between Firefox and other browsers. */ hr {-moz-box-sizing: content-box; box-sizing: content-box; height: 0; } /** * Address styling not present in IE 8/9. */ mark {background: #ff0; color: #000; } /** * Correct font family set oddly in Safari 5 and Chrome. */ code, kbd, pre, samp {font-family: monospace, serif; font-size: 1em; } /** * Improve readability of pre-formatted text in all browsers. */ pre {white-space: pre-wrap; } /** * Set consistent quote types. */ q {quotes: "\201C" "\201D" "\2018" "\2019"; } /** * Address inconsistent and variable font size in all browsers. */ small {font-size: 80%; } /** * Prevent `sub` and `sup` affecting `line-height` in all browsers. */ sub, sup {font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sup {top: -0.5em; } sub {bottom: -0.25em; } /* ========================================================================== Embedded content ========================================================================== */ /** * Remove border when inside `a` element in IE 8/9. */ img {border: 0; } /** * Correct overflow displayed oddly in IE 9. */ svg:not(:root) {overflow: hidden; } /* ========================================================================== Figures ========================================================================== */ /** * Address margin not present in IE 8/9 and Safari 5. */ figure {margin: 0; } /* ========================================================================== Forms ========================================================================== */ /** * Define consistent border, margin, and padding. */ fieldset {border: 1px solid #c0c0c0; margin: 0 2px; padding: 0.35em 0.625em 0.75em; } /** * 1. Correct `color` not being inherited in IE 8/9. * 2. Remove padding so people aren't caught out if they zero out fieldsets. */ legend {border: 0; /* 1 */ padding: 0; /* 2 */ } /** * 1. Correct font family not being inherited in all browsers. * 2. Correct font size not being inherited in all browsers. * 3. Address margins set differently in Firefox 4+, Safari 5, and Chrome. */ button, input, select, textarea {font-family: inherit; /* 1 */ font-size: 100%; /* 2 */ margin: 0; /* 3 */ } /** * Address Firefox 4+ setting `line-height` on `input` using `!important` in * the UA stylesheet. */ button, input {line-height: normal; } /** * Address inconsistent `text-transform` inheritance for `button` and `select`. * All other form control elements do not inherit `text-transform` values. * Correct `button` style inheritance in Chrome, Safari 5+, and IE 8+. * Correct `select` style inheritance in Firefox 4+ and Opera. */ button, select {text-transform: none; } /** * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio` *    and `video` controls. * 2. Correct inability to style clickable `input` types in iOS. * 3. Improve usability and consistency of cursor style between image-type *    `input` and others. */ button, html input[type="button"], /* 1 */ input[type="reset"], input[type="submit"] {-webkit-appearance: button; /* 2 */ cursor: pointer; /* 3 */ } /** * Re-set default cursor for disabled elements. */ button[disabled], html input[disabled] {cursor: default; } /** * 1. Address box sizing set to `content-box` in IE 8/9/10. * 2. Remove excess padding in IE 8/9/10. */ input[type="checkbox"], input[type="radio"] {box-sizing: border-box; /* 1 */ padding: 0; /* 2 */ } /** * 1. Address `appearance` set to `searchfield` in Safari 5 and Chrome. * 2. Address `box-sizing` set to `border-box` in Safari 5 and Chrome *    (include `-moz` to future-proof). */ input[type="search"] {-webkit-appearance: textfield; /* 1 */ -moz-box-sizing: content-box; -webkit-box-sizing: content-box; /* 2 */ box-sizing: content-box; } /** * Remove inner padding and search cancel button in Safari 5 and Chrome * on OS X. */ input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration {-webkit-appearance: none; } /** * Remove inner padding and border in Firefox 4+. */ button::-moz-focus-inner, input::-moz-focus-inner {border: 0; padding: 0; } /** * 1. Remove default vertical scrollbar in IE 8/9. * 2. Improve readability and alignment in all browsers. */ textarea {overflow: auto; /* 1 */ vertical-align: top; /* 2 */ } /* ========================================================================== Tables ========================================================================== */ /** * Remove most spacing between table cells. */ table {border-collapse: collapse; border-spacing: 0; }

/* border box */
* {-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;}

/* clearfix */
.clearfix:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0;
    }
* html .clearfix             { zoom: 1; } /* IE6 */
*:first-child+html .clearfix { zoom: 1; } /* IE7 */


/* style */

html {
	height: 100%;
}

body {	
	height: 100%;
	background-color: white;
}

p, li {
    font-size: 18px;
    font-family:  itc-avant-garde-gothic-pro, sans-serif; font-weight: 300; font-style: normal;
  /*  line-height: 28px;*/
    /*margin-top: 12px;*/
   /* margin-bottom: 14px;*/
    
}

strong {
    font-weight: 700;
}


/*  ITC Avant Garde Gothic Pro Bold

font-family: itc-avant-garde-gothic-pro, sans-serif;

font-weight: 700;

font-style: normal;


ITC Avant Garde Gothic Pro Book

font-family: itc-avant-garde-gothic-pro, sans-serif;

font-weight: 300;

font-style: normal;


ITC Avant Garde Gothic Pro Medium

font-family: itc-avant-garde-gothic-pro, sans-serif;

font-weight: 500;

font-style: normal;*/



.wrapper {
    width: 80%;
    max-width: 1000px;
    margin: 0 auto;
    position: relative;
    height: 100%;
}

.halftone {
    height: 40px;
    background-image: url("../images/GDDG_halftone.png");
    background-repeat: repeat-x;
    background-color: yellow;
}

.header {
    margin: 24px 0 40px;
}

.typelogo {
    width: 150px;
    
    float: right;
} 

.main {
    background: rgb(230,230,230);
    padding: 40px 0;

}

.headline p {
    font-size: 56pt;
    line-height: 58pt;
    margin: 40px 0;

}

.headline {
    width: 80%;
    margin: 36px 0 0;
    float: left;
}

p.intro{
    font-weight: 500; 
    line-height: 20pt;
    margin-top: 0;
    width: 80%;
}

.subhead {
    display: inline-block;
}

.subhead img {
    float: left;
    width: 60px;
    height: 60px;
    margin-right: 16px;
}



.dots {
margin: 0 auto;
}

.dots ul {
    padding: 0;
}

.dots ul li {
    display: inline;
    margin: 0 auto;
}

.dots a {
    margin: 0;
    padding: 0;
float: left;


}

.dots div {
    width: 100px;
    height: 100px;
    background: white;
    /*float: left;*/

    border-radius: 50%;
}

.dots img {
    width: 100px;
    height: 100px;
    border-radius: 50%;
    
/*    background: white;
    padding: 0;
    margin: 0;*/
}



.dots a:hover div{
    opacity: 60%;
}



.socialicons div {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    float: left;
    margin-right: 10px;
}

.socialicons a.facebook:hover div {
    background: rgb(46,49,146);
}

.socialicons a.insta:hover div {
 background: rgb(0,166,81);
}

.socialicons a.twitter:hover div {
   
        background: rgb(237,28,36);
}

.socialicons a.envelope:hover div {
    background: rgb(100,100,100);
}

.newsletter {
    float: right;
}

.newsletter div {
    display: inline-block;
    padding-left: 10px;
}

.social {
    background: black;
    padding: 24px 0;
    position: relative;

}

.twitter div{
    background: yellow;
}

.yellow {
    color: yellow;

}

.facebook div{
    background: rgb(0,174,239);
}

.cyan {
    color: rgb(0,174,239);
}

.insta div{
    background: rgb(236,0,140);
}

.magenta {
    color: rgb(236,0,140);
}

.envelope div{
    background-color: rgb(230,230,230);
}



.social p {
    color: white;
    font-weight: 500;
    margin-bottom: 0;
    font-size: 12pt;
    margin-top: 10px;
}

.socialicons img{
    width: 24px;
    height: 24px;
    display: block;
    margin: 8px auto;
}

.logos {
    text-align: center;
    
    padding: 14px 0;
}

.logos img {
    vertical-align: middle;
    margin: 0 12px;
}



.foottext p {
    font-weight: 500;
    font-size: 9pt;
    text-align: center;
    color: rgb(100,100,100);
}

.foottext a, .foottext a:visited {
    text-decoration: none;
    color: rgb(100,100,100);
}

.foottext a:active, .foottext a:hover {
    color: rgb(0,174,239);
}

.footer {
    padding: 20px 0;
}

/*mailchimp*/

#mc_embed_signup {
/*    height: 24px;*/
padding: 0;
background-color: black;
}

#mc_embed_signup_scroll {
    padding: 0;
}

#mc-embedded-subscribe {
    background-color: black;
    color: white;
    border: 1px solid white;
    height: 30px;
    width: 30px;


}


#mc-embedded-subscribe button {
    background-color: black;
}

#mc_embed_signup .clear {
    padding: 0;
}



#mc_embed_signup form {
    padding: 0;
}

#mce-EMAIL {
    border: none;
    padding: 2px;

}