@import url(http://fonts.googleapis.com/css?family=Open+Sans:400,700);

/* =========================
MISC STYLES
============================ */
* { -webkit-font-smoothing: antialiased; }
.spindogs { margin:0 0 -20px 0; padding:0 0 60px 0; background:#fff; }

/* headings */
.spindogs h1, .spindogs .h1 { margin:0 0 0.8em 0; border:none; padding:0; line-height:1em; font-family:'Open Sans', sans-serif; font-size:1.85em; font-weight:700; color:#444; }
.spindogs h2, .spindogs .h2 { margin:0 0 0.8em 0; line-height:1em; font-family:'Open Sans', sans-serif; font-size:1.4em; font-weight:700; color:#1F1F1F; }
.spindogs h3, .spindogs .h3 { margin:0 0 0.7em 0; line-height:1em; font-family:'Open Sans', sans-serif; font-size:1.3em; color:#444; }
.spindogs h4, .spindogs .h4 { margin:0 0 1em 0; line-height:1em; font-family:'Open Sans', sans-serif; font-size:1.15em; font-weight:700; color:#1F1F1F; }
.spindogs h5, .spindogs .h5 { margin:0 0 1em 0; line-height:1em; font-size:1em; font-family:'Open Sans', sans-serif; font-weight:700; color:#444; }
.spindogs h6, .spindogs .h6 { margin:0 0 1em 0; line-height:1em; font-family:'Open Sans', sans-serif; font-size:0.9em; font-weight:700; color:#1F1F1F; }

/* user content */
.spindogs .usercontent { font-family:'Open Sans', sans-serif; color:#444; }
.spindogs .usercontent p { margin:0 0 1em 0; line-height:1.6em; font-size:1.15em; }

.spindogs .usercontent ul,
.spindogs .usercontent ol { list-style-type:none; margin:0; padding:0; font-size:1.15em; }
.spindogs .usercontent ul li,
.spindogs .usercontent ol li { padding:10px 0; }

.spindogs .usercontent ul li:before { content:'\e612'; margin-right:25px; font-family:icomoon; font-size:12px; color:#F5164C; }

.spindogs .usercontent ol li { counter-increment:step-counter; }
.spindogs .usercontent ol li:before { content:counter(step-counter); margin-right:25px; font-weight:700; color:#F5164C; }

/* misc */
.spindogs .black-overlay { position:absolute; top:0; right:0; bottom:0; left:0; background:url('/img/black-overlay.png') top left repeat; }
.spindogs .border-top { border-top:4px solid #F5164C; }
.spindogs .content-wrap { padding:50px 0; }
.spindogs .date-posted { font-size:1.15em; font-weight:700; color:#F5164C; }
.spindogs .triangle-up:after { content:''; position:absolute; bottom:0; display:none; width:0; height:0; border-left:20px dashed transparent; border-right:20px dashed transparent; border-bottom:20px solid #F5164C; }
.spindogs .aligncenter { text-align:center; }

/* icons */
.spindogs .icon { font-family:icomoon; font-style:normal; }
.spindogs .play-button:before { content:"\e60a"; padding:0 0 0 10px; font-size:24px; font-weight:400; vertical-align:middle; }
.spindogs .analytical:before { content:"\e600"; }
.spindogs .brochure:before { content:"\e601"; }
.spindogs .case-study:before { content:"\e602"; }
.spindogs .cofas:before { content:"\e603"; }
.spindogs .data-sheet:before { content:"\e604"; }
.spindogs .faq:before { content:"\e608"; }
.spindogs .msds:before { content:"\e609"; }
.spindogs .reference:before { content:"\e60b"; }
.spindogs .paper:before { content:"\e60d"; }
.spindogs .double-chevron-left:before { content:"\e611"; }
.spindogs .double-chevron-right:before { content:"\e606"; }

/* pagination */
.spindogs .pagination-wrap { text-align:right; }
.spindogs .pagination-wrap .icon { font-size:14px; color:#F5164C; }
.spindogs .pagination-wrap .pagination > li > a,
.spindogs .pagination > li > span { border:none; font-family:'Open Sans', sans-serif; font-size:1.15em; color:#7F7F7F; }
.spindogs .pagination > .active > a,
.spindogs .pagination > .active > span,
.spindogs .pagination > .active > a:hover,
.spindogs .pagination > .active > span:hover,
.spindogs .pagination > .active > a:focus,
.spindogs .pagination > .active > span:focus { border:none; background:none; font-weight:700; color:#F5164C; }
.spindogs .pagination > li.disabled > span { padding:6px 0; }

/* responsive menu */
@media (max-width: 767px) {
.spindogs .menu-respond a { display:block; line-height:1em; background:#CF0131; color:#fff; }
.spindogs .menu-respond ul { margin:0; padding:0; list-style:none; }
.spindogs .menu-respond ul li { margin:0; padding:0; }
.spindogs .menu-respond ul li a { border-top:1px solid #BA0933; padding:14px 14px; }
.spindogs .menu-respond ul li ul li a { background:#CF0131; }
.spindogs .menu-respond ul li ul li ul li a { background:#bbb; }
.spindogs .menu-respond ul li.selected > a { background:#F5164C; font-weight:700; }

.spindogs .menu-collapse { display:none; }

.spindogs .menu-toggle { position:relative; padding:18px 14px; }
.spindogs .menu-toggle:after { content:"\e9bd"; font-family:'icomoon'; position:absolute; right:14px; top:50%; margin-top:-16px; padding:6px; background:rgba(255,255,255,0.2); font-size:20px; line-height:20px; border-radius:4px; }
}

@media (min-width:768px) {
.spindogs .menu-toggle { display:none !important; }
.spindogs .menu-toggle.visible { display:block !important; }
.spindogs .menu-collapse { display:block !important; }
}

/* buton styles */
.spindogs .button,
.spindogs .button:active { display:inline-block; padding:20px 0; border-top:2px solid #F5164C; border-bottom:2px solid #F5164C; text-transform:uppercase; font-size:1.4em; font-weight:700; color:#F5164C; }
.spindogs .button:hover,
.spindogs .button:focus { text-decoration:none; background:#F5164C; color:#FFF; }
.spindogs .button:after,
.spindogs .button:active:after,
.spindogs .button-header:after { content:'\e606'; display:inline-block; padding-left:25px; font-family:icomoon; font-size:13px; color:#F5164C; } .spindogs .button:hover:after { color:#FFF; }

.spindogs .button-default { -webkit-transition:padding 0.4s; -moz-transition:padding 0.4s; transition:padding 0.4s; }
.spindogs .button-default:hover { padding:20px 30px; }

.spindogs .button-alternate,
.spindogs .button-alternate:active { display:block; border:none; padding:0 0 10px 0; font-size:1em; color:#1F1F1F; }
.spindogs .button-alternate:hover,
.spindogs .button-alternate:focus { text-decoration:underline; background:none; color:#1F1F1F; }
.spindogs .button-alternate:after,
.spindogs .button-alternate:hover:after,
.spindogs .button-alternate:active:after { padding-left:10px; font-size:10px; color:#444; }

.spindogs .button-back:after,
.spindogs .button-back:active:after { content:''; }
.spindogs .button-back:before { content:'\e611'; display:inline-block; padding-right:25px; font-family:icomoon; font-size:13px; color:#F5164C; }
.spindogs .button-back:hover:before { color:#FFF; }

@media (min-width:992px) {
.spindogs .button-alternate,
.spindogs .button-alternate:active { display:inline-block; padding:0 0 0 15px }
}

.spindogs .button-aside { width:100%; text-align:center; }
.spindogs .button-aside.white { border-color:#FFF; color:#FFF; }
.spindogs .button-aside.white:after { color:#FFF; }
.spindogs .button-aside.white:hover { background:#FFF; color:#F5164C; }
.spindogs .button-aside.white:hover:after { color:#F5164C; }

.spindogs .button-header { position:relative; display:block; margin:20px 0 0; padding:25px 0 0; text-transform:uppercase; font-size:0.65em; color:#FFF; }
.spindogs .button-header:before { content:""; position:absolute; top:0; left:0; display:block; height:2px; width:205px; background:#FFF; }
.spindogs .button-header:after { color:#FFF; }

/* custom select */
.spindogs .document-filter { padding:15px 0; }
.spindogs .chzn-container { max-width:60%; }

.spindogs .chzn-container-single .chzn-single { padding:10px 30px; height:40px; border:2px solid #DDD; border-radius:10px; font-size:1.8em; font-weight:700; color:#1F1F1F; }
.spindogs .chzn-container-single .chzn-single span { max-height:none; }
.spindogs .chzn-container-single .chzn-single div { position:absolute; top:18px; right:23px; background:none; }
.spindogs .chzn-container-single .chzn-single div:after { content:'\e60f'; position:absolute; top:0; left:0; display:inline-block; font-family:icomoon; font-size:20px; color:#666; }

.spindogs .chzn-container-active.chzn-with-drop .chzn-single { background:none; -webkit-border-bottom-left-radius:0; -webkit-border-bottom-right-radius:0; -moz-border-radius-bottom-left:0; -moz-border-radius-bottom-right:0; border-bottom-left-radius:0; border-bottom-right-radius:0; }
.spindogs .chzn-container-active.chzn-with-drop .chzn-single div { position:absolute; background:none; }

.spindogs .chzn-container .chzn-drop { -wenkit-box-shadow:none; -moz-box-shadow:none; box-shadow:none; }
.spindogs .chzn-container .chzn-drop .chzn-results { max-height:330px; }
.spindogs .chzn-container .chzn-drop .chzn-results .active-result {
 padding:20px 30px; font-size:1.4em; font-weight:700; color:#1F1F1F;
 }
.spindogs .chzn-container .chzn-drop .chzn-results .active-result.highlighted { background:#FFF; padding:20px 10px; color:#1f1f1f; }
.spindogs .chzn-container .chzn-drop .chzn-results .active-result.highlighted:before { content:'\e60e'; font-family:icomoon; font-size:12px; color:#1F1F1F; padding-right:9px; vertical-align:top; }

/* forms */
.spindogs form { margin:0; }
.spindogs input[type="text"],
.spindogs input[type="password"],
.spindogs input[type="number"],
.spindogs textarea,
.spindogs select { margin:0; border:1px solid #ccc; padding:18px 10px; width:100%; height:auto; background:#f5f5f5; font-size:1.2em; font-weight:bold; color:#666; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; }
.spindogs input[type="radio"],
.spindogs input[type="checkbox"] { margin:0; }
.spindogs input[type="file"] { padding:10px; border:1px dashed #bbb; }
.spindogs input[type="number"] { width:auto; }

.spindogs .field_wrap { margin:0 0 10px 0; }
.spindogs .label_wrap { margin:0 0 -10px 0; }
.spindogs .input_wrap { margin:20px 0; }
.spindogs .input_wrap.dateselect select { width:32%; }
.spindogs .input_wrap.checkboxes > label { display:block; }
.spindogs .input_wrap.radiobuttons > label { display:block; }
.spindogs .submit_wrap { margin:20px 0 0 0; }

.spindogs .submit_wrap button { display:block; padding:20px 0; width:100%; border:none; background:#F5164C; text-transform:uppercase; font-size:1.4em; font-weight:700; color:#fff; text-align:center; font-family:"Open Sans",sans-serif; }
.spindogs .submit_wrap button:hover { background:#E22450; }

.spindogs fieldset { padding:10px; border:1px solid #ddd; }
.spindogs fieldset legend { display:inline-block; margin:0 0 -5px 0; border:none; padding:0 5px; width:auto; font-size:1em; font-weight:normal; }
.spindogs fieldset .field_wrap { margin:0; }

.spindogs .repeater_wrap { margin:0 0 20px 0; }
.spindogs .repeater_item { margin:0 -10px 5px -10px; padding:0 10px 20px 10px; border-bottom:1px solid #ddd; }
.spindogs .repeater_item .field_wrap { margin:5px 0 0 0; overflow:hidden; }
.spindogs .repeater_item .label_wrap { float:left; width:30%; }
.spindogs .repeater_item .input_wrap { float:left; width:70%; }
.spindogs .repeater_controls { margin:0 0 -5px 0; }

.spindogs label.error { color:red; }
.spindogs input.error { border:1px solid red; background:url('../images/ico-error.png') no-repeat 99% center #ffefef; }
.spindogs input[type="number"].error { background-position:88% center; }
.spindogs textarea.error { border:1px solid red; background:url('../images/ico-error.png') no-repeat 99% 20px #ffefef; }
.spindogs select.error { border:1px solid red; background:#ffefef; }
.spindogs .error_feedback { margin:1em 0; background:#FFEfEf; padding:15px; border:1px solid #EED3D7; }
.spindogs .error_feedback ul { margin:0; padding:0; list-style:none; }
.spindogs .error_feedback ul li { margin:0; padding:0 0 0 25px; color:red; background:url('../images/ico-error.png') no-repeat 0 4px; }


/* =========================
SIDEBAR STYLES
============================ */
.spindogs .sidebar { font-family:'Open Sans', sans-serif; }

@media (min-width:768px) and (max-width:991px){
.spindogs .sidebar { margin:0 21px 0 0; }
}
@media (min-width:992px) {
.spindogs .sidebar { margin:0 24px 0 -21px; }
}

.spindogs .contact-collapse,
.spindogs .contact-collapse-body ul,
.spindogs .why-gold,
.spindogs .knowledge-centre-aside { padding:25px 20px; }

/* contact collapse */
.spindogs .contact-collapse { position:relative; display:block; border-bottom:1px solid #F5164C; background:#444; font-size:1.857em; font-weight:700; color:#FFF; -webkit-transition:background 0.3s; -moz-transition:background 0.3s; transition:background 0.3s; }
.spindogs .contact-collapse:after { content:'\e605'; position:absolute; top:30px; right:40px; display:inline-block; font-family:icomoon; font-size:20px; font-weight:400; color:#FFF; }
.spindogs .contact-collapse:hover { text-decoration:none; background:#373737; }

@media (min-width:768px) and (max-width:991px){
..spindogs .contact-collapse { font-size:1.6em; }
.spindogs .contact-collapse:after { right:20px; }
}

.spindogs .contact-collapse-body { max-height:0; overflow:hidden; background:#303030; font-size:1.4em; color:#FFF; -webkit-transition:max-height 0.8s ease-out; -moz-transition:max-height 0.8s ease-out; transition:max-height 0.8s ease-out; }
.spindogs .contact-collapse-body.open {  max-height:300px; -webkit-transition:max-height 1.2s ease-in; -moz-transition:max-height 1.2s ease-in; transition:max-height 1.2s ease-in; }
.spindogs .contact-collapse-body ul { margin:0; }
.spindogs .contact-collapse-body li { position:relative; margin:0 0 15px 0; padding-left:25px; list-style-type:none; }
.spindogs .contact-collapse-body li:before { content:'\e60c'; position:absolute; top:3px; left:0; padding-right:10px; font-family:icomoon; font-size:14px; color:#F5164C; }
.spindogs .contact-collapse-body .contact-method { display:block; color:#F5164C; }
.spindogs .contact-collapse-body a,
.spindogs .contact-collapse-body a:active { color:#FFF; }

/* why gold */
.spindogs .why-gold { background:#E9ECF3; font-weight:700; color:#1F1F1F; }
.spindogs .why-gold-title { font-size:1.3em; }
.spindogs .why-gold ul { margin:25px 0 10px; padding:0; }
.spindogs .why-gold li { list-style-type:none; border-top:1px solid #DDDEE3; padding:15px 0; }

/* knowledge centre */
.spindogs .knowledge-centre-aside { background:#F5164C; }
.spindogs .knowledge-centre-aside-body { padding:14px; }
.spindogs .knowledge-centre-aside-text { margin:0 0 1em 0; font-size:1.15em; }
.spindogs .knowledge-centre-aside-body,
.spindogs .knowledge-centre-aside-title { color:#FFF; }


/* =========================
FEATURED CONTENT STYLES
============================ */
.spindogs .featured-content { margin:0; border:none; font-family:'Open Sans', sans-serif; }
.spindogs .featured-content .h1 { margin:30px 0; display:block; color:#F5164C; }

@media (min-width:768px) {
.spindogs .featured-content { border-top:1px solid #CCC; }
}
@media (min-width:992px){
.spindogs .featured-content { margin:0 -21px;}
.spindogs .featured-content .h1 { margin:30px 0; display:inline-block; }
}

/* case study */
.spindogs .featured-case-study-body { display:block; margin:0 0 20px 0; border-top:1px solid #CCC; border-bottom:1px solid #636D79; -webkit-transition:background 0.3s; -moz-transition:background 0.3s; transition:background 0.3s; }
.spindogs .featured-case-study-body:hover { text-decoration:none; background:#E9ECF3; }
.spindogs .featured-case-study-content { padding:30px 0; font-size:1.15em; font-weight:700; color:#F5164C; }
.spindogs .featured-case-study-text { margin:0.5em 0; line-height:1.6em; color:#444; }
.spindogs .featured-case-study-date { font-size:0.9em; }
.spindogs .featured-case-study-image { padding:30px 0; }

@media (min-width:992px) {
.spindogs .featured-case-study-image { padding:0; }
}

/* featured video */
.spindogs .featured-video { text-align:right; }
.spindogs .featured-video-placeholder { position:relative; display:block; margin:0 0 15px 0; }
.spindogs .featured-video-placeholder-link { position:absolute; top:42%; left:44%; font-size:1.7em; font-weight:700; color:#FFF; }
.spindogs .featured-video-placeholder-link span { display:none; }

@media (min-width:768px) {
.spindogs .featured-video-placeholder-link { top:44%; left:34%; }
.spindogs .featured-video-placeholder-link span { display:inline-block; }
}

/* twitter feed */
.spindogs .featured-twitter-feed { margin:15px 0 0 0; border-top:1px solid #636D79; border-bottom:1px solid #636D79; padding:30px; background:#E9ECF3; }
.spindogs .featured-twitter-feed .h1 { margin:0 0 30px; }
.spindogs .featured-twitter-feed .button-alternate { text-transform:lowercase; }
.spindogs .featured-tweet { font-size:1.15em; }
.spindogs .featured-tweet a { font-weight:700; color:#444; }
.spindogs .featured-tweet a:hover,
.spindogs .featured-tweet a:active { text-decoration:underline; color:#444; }
.spindogs .featured-tweet .featured-tweet-posted { margin:14px 0 0; font-weight:400; color:#F5164C; }
.spindogs .featured-tweet .featured-tweet-posted:hover { color:#F5164C; }

/* featured blogs */
.spindogs .featured-blogs { border-bottom:1px solid #636D79; }
.spindogs .featured-blog { display:block; margin:0 0 10px 0; -webkit-transition:background 0.3s; -moz-transition:background 0.3s; transition:background 0.3s; }
.spindogs .featured-blog:hover { text-decoration:none; }
.spindogs .featured-blog:hover .featured-blog-text { border:none; padding:16px 10px; background:#E9ECF3; -webkit-transition:background 0.3s; -moz-transition:background 0.3s; transition:background 0.3s; }
.spindogs .featured-blog-img { margin:0 -21px 0 0; }
.spindogs .featured-blog-text { padding:16px 10px; line-height:1.6em; font-size:1.1em; font-weight:700; color:#444; }
.spindogs .featured-blogs-block .featured-blog:first-child .featured-blog-text { border-top:1px solid #CCC; border-bottom:1px solid #CCC; padding:15px 10px; }
.spindogs .featured-blog-date { font-size:0.85em; }


/* =========================
HOMEPAGE STYLES
============================ */
/* header */
.spindogs .header-goldhub { margin-bottom:1px; }
.spindogs .header-body { display:block; padding:40px; background:#F5164C; font-family:'Open Sans', sans-serif; font-size:1.5em; color:#FFF; -webkit-transition:background 0.3s; -moz-transition:background 0.3s; transition:background 0.3s; }
.spindogs .header-body:hover { text-decoration:none; background:#E80A40; }
.spindogs .header-body:focus,
.spindogs .header-body:active { text-decoration:none; }
.spindogs .header-body p { margin:0; line-height:1.4em; }
.spindogs .header-img img { height:100%; max-height:100%; }

@media (min-width:768px) {
.spindogs .header-body { height:345px; font-size:1.8em; }
.spindogs .header-img img { max-width:none; }
}
@media (min-width:768px) and (max-width:991px){
.spindogs .header-body { margin:0 0 0 -9px; }
.spindogs .header-img { margin:0 -21px 0 0; }
}
@media (min-width:992px) {
.spindogs .header-body { margin:0 -20px 0 -9px; font-size:2.1em; }
.spindogs .header-img { margin:0 -21px; }
}

/* tabs */
.spindogs .goldhub-tabs { margin:25px 0 0 0; font-family:'Open Sans', sans-serif; }
.spindogs .tab-pane { padding:48px 20px 25px; background:#FFF; font-family:'Open Sans', sans-serif; }

@media (min-width:768px) {
.spindogs .tab-pane { padding:48px 20px 40px 35px; }

.spindogs .tabbar { background:#CF0131; overflow:hidden; }
.spindogs .tabbar ul li { display:inline; text-align:center; }
.spindogs .tabbar ul li a { display:block; float:left; border-left:1px solid #BA0933; padding:5px 0; width:20%; line-height:46px; background:#CF0131; font-size:1.1em; color:#fff; -webkit-transition:background 0.3s; -moz-transition:background 0.3s; transition:background 0.3s; }
.spindogs .tabbar ul li:first-child a { border:none; }
.spindogs .tabbar ul li a:hover,
.spindogs .tabbar ul li a:active { background:#F5164C; text-decoration:none; }
.spindogs .tabbar ul li.active a { background:#F5164C; text-decoration:none; font-weight:700; color:#FFF; }
}
@media (min-width:768px) and (max-width:991px){
.spindogs .goldhub-tabs { margin:0 0 0 -50px; }
.spindogs .tabbar ul li a { font-size:1em; }
}
@media (min-width:992px) {
.spindogs .goldhub-tabs { margin:0 -20px 0 -53px;; }
}


/* =========================
KNOWLEDGE CENTRE STYLES
============================ */
.spindogs .knowledge-centre { padding:50px 0; font-family:'Open Sans', sans-serif; font-size:1.15em; }
.spindogs .knowledge-centre .document-filter { padding:15px 0 45px; border-bottom:1px solid #DDD; }
.spindogs .knowledge-centre .chzn-container { max-width:100%; }

@media (min-width:768px) {
.spindogs .knowledge-centre { padding:50px 0 50px 40px }
}

/* document types grid */
.spindogs .document-types h2 { padding:35px 0; }

.spindogs .document-types .xs-top-border { border-top:1px solid #DDD; }
.spindogs .document-types .xs-top-right-border { border-top:1px solid #DDD; border-right:1px solid #DDD; }

.spindogs .document-type { display:block; margin:0 -15px; padding:17px 0 0; min-height:120px; text-align:center; font-size:1.05em; color:#BBB; }
.spindogs .document-type:hover { text-decoration:none; background:#F5164C; color:#FFF; }
.spindogs .document-type i:before { display:block; text-align:center; font-size:22px; }

.spindogs .document-type.selected,
.spindogs .document-type.selected:hover { cursor:not-allowed; background:none; color:#444; }
.spindogs .document-type.selected i:before,
.spindogs .document-type.selected:hover i:before { color:#F5164C; }

@media (min-width:768px) {
.spindogs .document-types .xs-top-border { border:none; }
.spindogs .document-types .xs-top-right-border { border:none; }

.spindogs .document-types .sm-top-border { border-top:1px solid #DDD; }
.spindogs .document-types .sm-top-right-border { border-top:1px solid #DDD; border-right:1px solid #DDD; }
}
@media (min-width:992px){
.spindogs .document-type { font-size:1.25em; }
}

/* results */
.spindogs .results { margin:50px 0 0; font-size:1.1em; color:#444; }
.spindogs .results-number { font-weight:700; color:#F5164C; }

.spindogs .results-list { margin:0; padding:0; }
.spindogs .results-list li { list-style-type:none; position:relative; border-top:2px solid #DDD; }
.spindogs .results-list li:first-child { border-top:none; }

.spindogs .results-list li a { display:block; padding:25px 35px; color:#444; }
.spindogs .results-list li a:hover { text-decoration:none; } .spindogs .results-list li a:hover:after { color:#F5164C; }
.spindogs .results-list li a:before { content:'\e610'; position:absolute; top:22px; left:0; display:inline-block; font-family:icomoon; font-size:22px; color:#F5164C; }
.spindogs .results-list li a:after { content:'\e615'; position:absolute; top:25px; right:0; display:inline-block; font-family:icomoon; font-size:22px; color:#DDD; }


/* =========================
BLOG PAGE STYLES
============================ */
.spindogs .blog-list + .pagination-wrap { text-align:center; }

.spindogs .blog-list-item { display:block; margin:5px 0; padding:10px; text-align:center; font-family:'Open Sans', sans-serif; font-weight:700; color:#1F1F1F;  }
.spindogs .blog-list-item:hover { background:#F5164C; text-decoration:none; color:#FFF; }
.spindogs .blog-list-item:hover .date-posted { color:#FFF; }

.spindogs .blog-list-item.no-image:hover { background:none; }
.spindogs .blog-list-item.no-image:hover .blog-list-item-body { border-top:35px solid #EFF3F6; border-bottom:35px solid #EFF3F6; padding:15px 0; color:#1F1F1F; }
.spindogs .blog-list-item.no-image:hover .blog-list-item-text { padding:0; }
.spindogs .blog-list-item.no-image:hover .date-posted { color:#F5164C; }

.spindogs .blog-list-item-image { position:relative; }
.spindogs .blog-list-item-image img { display:block; }
.spindogs .blog-list-item-text { padding:15px 0 5px; font-size:1.4em; }

@media (min-width:768px) {
.spindogs .blog-list-item { margin:10px -10px; min-height:355px; text-align:left; }
.spindogs .blog-list-item:hover .triangle-up:after { left:125px; display:inline-block; }
}
@media (min-width:768px) and (max-width:991px){
.spindogs .blog-list-item:hover .triangle-up:after { left:90px; }
}


/* =========================
TEXT PAGE STYLES
============================ */
.spindogs .text-page .date-posted { margin:5px 0; }


/* =========================
VIDEO PAGE STYLES
============================ */
.spindogs .videos + .pagination-wrap { text-align:center; }

.spindogs .video-item { display:block; margin:5px 0; padding:10px; text-align:center; font-family:'Open Sans', sans-serif; font-weight:700; color:#1F1F1F; }
.spindogs .video-item:hover { background:#F5164C; text-decoration:none; color:#FFF; }
.spindogs .video-item:hover .date-posted { color:#FFF; }

.spindogs .video-item-placeholder { position:relative; }
.spindogs .video-item-placeholder img { display:block; }
.spindogs .video-item-placeholder .play-button:before { content:'\e60a'; position:absolute; top:34%; left:42%; font-size:30px; color:#FFF; }

.spindogs .video-item-text { padding:15px 0 5px; font-size:1.4em; }

@media (min-width:768px) {
.spindogs .video-item { margin:10px -10px; min-height:325px; text-align:left; }
.spindogs .video-item:hover .triangle-up:after { left:125px; display:inline-block; }
}
@media (min-width:768px) and (max-width:991px){
.spindogs .video-item:hover .triangle-up:after { left:90px; }
}


/* =========================
PRESENTATIONS PAGE STYLES
============================ */
.spindogs .presentations + .pagination-wrap { text-align:center; }

.spindogs .presentation-item { display:block; margin:5px 0; padding:10px; text-align:center; font-family:'Open Sans', sans-serif; font-weight:700; color:#1F1F1F; }
.spindogs .presentation-item-text { padding:15px 0 5px; font-size:1.4em; }

@media (min-width:768px) {
.spindogs .presentation-item { margin:20px -14px; min-height:480px; text-align:left; }
}

/* equalise */
@media (max-width:767px){
[class^="col-sm-"] .equalise { height:auto !important; }
[class^="col-md-"] .equalise { height:auto !important; }
[class^="col-lg-"] .equalise { height:auto !important; }
}
@media (max-width:991px){
[class^="col-md-"] .equalise { height:auto !important; }
[class^="col-lg-"] .equalise { height:auto !important; }
}
@media (max-width:1199px){
[class^="col-lg-"] .equalise { height:auto !important; }
}

/* masthead */
.spindogs .masthead { margin:0 0 35px 0; padding:40px 0; background:#f5f5f5; border-top:3px solid #F5164C; }
.spindogs .masthead-body { padding:30px 0 0 0; border-top:1px solid #ccc; }
.spindogs .masthead-title { color:#F5164C; }
.spindogs .masthead-summary { font-size:1.2em; }

/* sectionblock */
.spindogs .sectionblock { margin:0 0 35px 0; }
.spindogs .sectionblock-header { margin:40px 0; border-bottom:2px solid #F5164C; text-align:center; }
.spindogs .sectionblock-title { display:inline-block; margin:0; padding:20px; border:2px solid #F5164C; border-bottom:none; color:#F5164C; text-transform:uppercase; }
.spindogs .sectionblock-title:before { content:'\e605'; display:inline-block; margin:0 20px 0 0; font-family:icomoon; font-size:16px; }

@media (min-width:768px) {
.spindogs .sectionblock-body { margin:0 auto; max-width:680px; }
}

/* directblock */
.spindogs .directblock-wrap { text-align:center; }
.spindogs .directblock { display:inline-block; text-decoration:none !important; outline:none; }
.spindogs .directblock:before { content:'\e605'; display:block; font-family:icomoon; font-size:32px; color:#ccc; text-align:center; }
.spindogs .directblock:hover:before { color:#999; }

/* quoteblock */
.spindogs .quoteblock { margin:0 0 40px 0; padding:35px 0; background:#f5f5f5; border-top:1px solid #ccc; border-bottom:1px solid #ccc; }
.spindogs .quoteblock-quote p { margin:0 auto; max-width:480px; line-height:1.8em; font-family:'Open Sans',sans-serif; font-size:1.6em; text-align:center; }
.spindogs .quoteblock-quote p:before { content:url('../images/66.png'); position:relative; top:-5px; left:-10px; }
.spindogs .quoteblock-quote p:after { content:url('../images/99.png'); position:relative; top:10px; right:-10px; }

/* modal */
.modal .spindogs { margin:0; padding:0; background:none; }
.spindogs .modal-content { margin:50px 0 0 0; position:relative; font-family:"Open Sans",sans-serif; font-size:1.1em; border-radius:0; border:none; }
.spindogs .modal-header { padding:40px 80px; background:#F5164C; color:#fff; }
.spindogs .modal-title { margin:0 0 10px 0; color:#fff; }
.spindogs .modal-strapline { margin:0; }
.spindogs .modal-body { padding:40px 80px; }
.spindogs .modal-close { position:absolute; top:10px; right:10px; display:block; font-size:32px; color:#fff; cursor:pointer; }
.spindogs .modal-close:hover { color:#eee; }

/* filterform */
.filterform { position:relative; }
.filterform .label_wrap { display:none; }
.filterform .input_wrap input { padding:0 18px; height:60px; }
.filterform .submit_wrap { position:absolute; top:0; right:0; margin:0; }
.filterform .submit_wrap button { padding:0; width:160px; line-height:60px; font-size:1.1em; }

/* brochurestrap */
.brochurestrap { display:block; margin:0 0 20px 0; text-align:center; font-family:'Open Sans',sans-serif; }
.brochurestrap-title { margin:0 0 15px 0; font-size:21px; color:#555; }
.brochurestrap-button { display:inline-block; margin:0; padding:0 24px; line-height:42px; background:#FF0038; color:#fff; font-size:16px; font-weight:700; transition:background 0.3s; }

.brochurestrap:hover { text-decoration:none; }
.brochurestrap:hover .brochurestrap-button { background:#D81341; }

.brochurestrap.__alt { padding:30px; background:#555; }
.brochurestrap.__alt .brochurestrap-title { color:#fff; }


/* brochureblock */
.brochureblock { display:block; margin:0 0 20px 10px; padding:20px; background:#E9ECF3; font-family:'Open Sans',sans-serif; }
.brochureblock-button { position:relative; display:block; margin:0; padding:0 40px 0 24px; line-height:64px; text-align:center; background:#FF0038; color:#fff; font-size:16px; font-weight:700; transition:background 0.3s; }
.brochureblock-button::after { content:'\e605'; position:absolute; top:50%; right:20px; line-height:0; font-family:icomoon; font-size:16px; font-weight:normal; color:#fff; }

.brochureblock:hover { text-decoration:none; }
.brochureblock:hover .brochureblock-button { background:#E80A40; }

.brochureblock.__alt { background:#555; }
.brochureblock.__alt .brochureblock-button { background:none; border:1px solid #E80A40; transition:border-color 0.3s; }
.brochureblock.__alt:hover .brochureblock-button { background:none; border-color:#fff; }

/* brochurerover */
.brochurerover { position:fixed; bottom:0; left:0; right:0; z-index:10; padding:15px; background:#FF0038; font-family:'Open Sans',sans-serif; }
.brochurerover-title { margin:0 0 15px 0; line-height:1.1em; text-align:center; font-size:21px; color:#fff; }
.brochurerover-button { display:block; margin:0; padding:0 8px; line-height:42px; background:#fff; text-align:center; color:#555; font-size:16px; font-weight:700; transition:background 0.3s; }
.brochurerover:hover { text-decoration:none; }
.brochurerover:hover .brochurerover-button { background:#ccc; }

@media (min-width:768px) {
.brochurerover { position:fixed; top:50%; left:auto; right:0; bottom:auto; width:180px; transform:translateY(-50%); }
}

.alignright {
float: right;
margin: 2em;
}

.alignleft {
float: left;
margin: 2em;
}


/* AACC 2016 */

.teammember {
    margin: 5px 20px 20px 0;
    overflow: auto;
    border-bottom: 1px solid red;
}
.piccy {
    float: left;
}
.piccy img {
    display: block;
}
.description {
    margin-left: 210px;
}
.roletitle {
    font-weight: bold;
}

.rolecontent {
    margin-left: 150px;
}

.docblock {
margin-bottom: 150px;
}