/* ----------------------------------------- */ /* Content Template: Member Template - start */ /* ----------------------------------------- */ #box-6 .box-holder { border-top: 2px solid #f8f8f8 !important; border-right: 2px solid #f8f8f8 !important; border-bottom: 2px solid #f8f8f8 !important; border-left: 2px solid #f8f8f8 !important;} #box-7 .box-holder { border-top: 2px solid #f8f8f8 !important; border-right: 2px solid #f8f8f8 !important; border-bottom: 2px solid #f8f8f8 !important; border-left: 2px solid #f8f8f8 !important;} img.impacticon {width:60px; height:60px; margin-right:6px; margin-bottom:5px} /*== start of code for tooltips ==*/ .toolicon { cursor: help; position: relative; font-size: 11px; line-height: 13px } /*== common styles for both parts of tool tip ==*/ .toolicon::before, .toolicon::after { left: 50%; opacity: 0; position: absolute; z-index: -100; } .toolicon:hover::before, .toolicon:focus::before, .toolicon:hover::after, .toolicon:focus::after { opacity: 1; transform: scale(1) translateY(0); z-index: 100; } /*== pointer tip ==*/ .toolicon::before { border-style: solid; border-width: 1em 0.75em 0 0.75em; border-color: #fff transparent transparent transparent; bottom: 100%; content: ""; margin-left: -0.5em; transition: all .65s cubic-bezier(.84,-0.18,.31,1.26), opacity .65s .5s; transform: scale(.6) translateY(-90%); } .toolicon:hover::before, .toolicon:focus::before { transition: all .65s cubic-bezier(.84,-0.18,.31,1.26) .2s; } /*== speech bubble ==*/ .toolicon::after { background: #fff; border-radius: .25em; bottom: 180%; color: #666; content: attr(data-tip); margin-left: -5em; padding: 1em; transition: all .65s cubic-bezier(.84,-0.18,.31,1.26) .2s; transform: scale(.6) translateY(50%); width: 10em; } .toolicon:hover::after, .toolicon:focus::after { transition: all .65s cubic-bezier(.84,-0.18,.31,1.26); } @media (max-width: 760px) { .toolicon::after { font-size: .50em; margin-left: -5em; width: 10em; } } /* ----------------------------------------- */ /* Content Template: Member Template - end */ /* ----------------------------------------- */ /* ----------------------------------------- */ /* Content Template: MailChimp Newsletter - start */ /* ----------------------------------------- */ #mc_embed_signup form{ background: transparent; padding: 0px !important} #mc_embed_signup input[type=email], #mc_embed_signup .mc-field-group input { text-indent: 4% !important; color: #333 !important; vertical-align: middle; background: #fff; border: 0px; -webkit-border-radius: none; -moz-border-radius: none; border-radius: none; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; text-shadow: none} #mc_embed_signup input[type=checkbox] { margin-right: 5px;} #mc_embed_signup .mc-field-group.input-group label { font-size: 14px; font-weight: normal;} #mc_embed_signup .button { font-family: 'Muli' !important; letter-spacing: 0px !important; clear: both; background-color: #fff !important; border: 0 none; border-radius: 4px; transition: all 0.23s ease-in-out 0s; color: #000 !important; cursor: pointer; display: inline-block; text-transform: none; font-size: 15px; font-weight: 700 !important; height: 32px; line-height: 32px; margin: 0 5px 10px 0; padding: 0 22px; text-align: center; text-decoration: none; vertical-align: top; white-space: nowrap; width: auto;} /* ----------------------------------------- */ /* Content Template: MailChimp Newsletter - end */ /* ----------------------------------------- */