/*

    Theme Name: Knowledge Leader
    Theme URI: http://insights.colliers.com/
    Author: Graphiti
    Author URI: http://www.graphiti.com/
    Description: Knowledge Leader
    Version: 2.0

    TABLE OF CONTENTS

    01  Defaults
    02  Typography
    03  Basic Layout
    04  Header
    05  Footer
    06  Home
    07  Custom
    08  Animations



    XX  Media Queries
        - 600
        - 768
        - 1024

*/








/*

    ----------------------------------------------------------------------
                                01 Defaults
    ----------------------------------------------------------------------

*/


/* HTML5 */
article, aside, details, figcaption, figure, footer, header, hgroup, nav, section, summary  { display: block; }
audio, canvas, video { display: inline-block; *display: inline; *zoom: 1; }
audio:not([controls]) { display: none; height: 0; }
[hidden] { display: none; }


/* HTML & BODY */
html { font-size: 100%; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }
html, button, input, select, textarea { font-family: sans-serif; }
body { margin: 0; font-size: 1em; line-height: 1.4; }


/* Links */
a { text-decoration: none; }
a:focus { outline: none; }
a:hover, a:active { outline: 0; }


/* Typography */
abbr[title] { border-bottom: 1px dotted; }
b, strong { font-weight: 600; }
i, em { font-style: italic; }
blockquote { margin: 0; }
dfn { font-style: italic; }
hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; }
ins { background: #ff9; color: #000; text-decoration: none; }
mark { background: #ff0; color: #000; }
p, pre { margin: 1em 0; }
code, kbd, pre, samp { font-family: monospace, serif; _font-family: 'courier new', monospace; font-size: 1em; }
pre {  white-space: pre; white-space: pre-wrap; word-wrap: break-word; }
q { quotes: none; }
q:before, q:after { content: ''; content: none; }
small { font-size: 80%; }
sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }
sup { top: -0.5em; }
sub { bottom: -0.25em; }
h1, h2, h3, h4, h5, h6, p { margin: 0; font-weight: normal; -webkit-margin-before: 0; -webkit-margin-after: 0; }


/* Lists */
dd { margin: 0 0 0 40px; }
ul, ol { list-style: none; list-style-image: none; margin: 0; padding: 0; }


/* Embedded Content */
img { border: 0; -ms-interpolation-mode: bicubic; vertical-align: middle; }
svg:not(:root) { overflow: hidden; }


/* Figure */
figure { margin: 0; }


/* Forms */
form { margin: 0; }
fieldset { border: 0; margin: 0; padding: 0; }
label { cursor: pointer; }
legend { border: 0; *margin-left: -7px; padding: 0; white-space: normal; }
button, input, select, textarea { font-size: 100%; margin: 0; vertical-align: baseline; *vertical-align: middle; }
button, input { line-height: normal; }
button, input[type="button"], input[type="reset"], input[type="submit"] { cursor: pointer; -webkit-appearance: button; *overflow: visible; }
button[disabled], input[disabled] { cursor: default; }
input[type="checkbox"], input[type="radio"] { box-sizing: border-box; padding: 0; *width: 13px; *height: 13px; }
input[type="search"]::-webkit-search-decoration, input[type="search"]::-webkit-search-cancel-button { -webkit-appearance: none; }
button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; }
textarea { overflow: auto; vertical-align: top; resize: vertical; }
input:valid, textarea:valid {  }
input:invalid, textarea:invalid { }


/* Market Insights Subscribe Form */
.subscribe-form {padding: 0px 5% 1%; background: #fbfbfb; border-bottom: 5px solid #0093d0;}
.subscribe-form .hs-form .hs-input, .hs-form textarea.hs-input{background: #ededed; border: none; padding: 8px 12px; border-radius: 0;}
.subscribe-form .hs-form .hs-button, .subscribe-form .hs-form .hs-button:active, .subscribe-form .hs-form .hs-button:visited{display: inline-block; background: #0093d0; color: #fff; padding: 12px 20px; font-size: 14px; font-weight: 200; border-radius: 0; box-shadow: none !important; border: none !important;}
.subscribe-form .hs-form .hs-button:hover{background:#989898; box-shadow: none !important; border: 0 !important; text-shadow: none;}
.subscribe-form  .hs-form label {font-family: "aaux-next-n4", "aaux-next", sans-serif; font-weight:500 !important;}


/* other lead-gen-form styles*/
.lead-gen-form{padding: 5% 5% 4%; margin: 50px 0;}
.lead-gen-form h4 span{color:#0093d0;}
.lead-gen-form br{display:none;}
.download-btn{display: block; background: #0093d0; color: #fff !important; padding: 10px 20px; font-family:"aaux-next-n4", "aaux-next", sans-serif; float:right;}
.download-btn:hover {background: #989898; text-decoration:none !important;}


/* Tables */
table { border-collapse: collapse; border-spacing: 0; }
td { vertical-align: top; }


/* Absolute Positioning */
div, article, section, header, footer, nav, figure, li { position: relative; }


/* Selection  */
::-moz-selection { background: #0093D0; color: #fff; text-shadow: none; }
::selection { background: #0093D0; color: #fff; text-shadow: none; }


/* Clearfix */
.clearfix:before, .clearfix:after { content: ""; display: table; }
.clearfix:after { clear: both; }
.clearfix { *zoom: 1; }


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


/* Image replacement */
.ir { font: 0/0 a; text-shadow: none; color: transparent; }








/*

    ----------------------------------------------------------------------
                                02 Typography
    ----------------------------------------------------------------------

    font-family: "aaux-next", sans-serif;
    Light:      300
    Regular:    400
    Medium:     500
    Bold:       700

    font-family: "utopia-std", sans-serif;
    Regular:    400

*/

/* Rendering & Ligatures */
html, input, textarea { -webkit-font-smoothing: antialiased; }
body { text-rendering: optimizeLegibility; }


/* Fonts */
body, input, textarea { color: #4b4b4b; font-family: "aaux-next-n4", "aaux-next", sans-serif; font-weight: normal; font-style: normal; }


/* Link Colors */
a { color: #4b4b4b; }
a:hover, a.active { color: #0093D0; }





/*

    ----------------------------------------------------------------------
                                03 Layout
    ----------------------------------------------------------------------

*/

html { background: #fff; font-weight: normal; font-style: normal; }
body,
header,
footer,
section,
nav { width: 100%; float: left; }
.wrapper { max-width: 1200px; margin: 0 auto; padding: 0 5%; }
img { display: block; max-width: 100%; }



#page-header { padding: 50px 0; margin: 0 0 30px 0; color: #0093D0; background: #ededed;  }
#page-header h1 { font-size: 1.5em; line-height: 1em; letter-spacing: 2px; font-weight: 600; text-transform: uppercase; }
#page-header p { font-size: 1.25em; letter-spacing: 1px; text-transform: uppercase; }
#page-header p br { display: none; }
#page-header .subscribe-desc p {color: #4b4b4b; text-transform: none !important; font-size: 1em !important; margin: 30px 0;}
#page-header .subscribe-desc a, #sidebar .subscribe-desc a{display: inline-block; background: #0093d0; color: #fff; padding: 10px 20px; float: right;}
#page-header .subscribe-desc a:hover, #sidebar .subscribe-desc a:hover {background:#989898;}
#sidebar .subscribe-desc a{float:none; margin-top:20px;}

#page-header .category_description p {
    font-size: 18px;
    line-height: 20px;
    text-transform: none;
    padding: 20px 0 0;
    color: #4d4d4d;
    max-width: 775px;
}
.sm-border {
    border-top: 1px #0093D0 solid;
    width: 35px;
    margin: 20px 0 0;
}



.no-mob { display: none; }




/*

    ----------------------------------------------------------------------
                                04 Header
    ----------------------------------------------------------------------

*/

header { padding: 25px 0 0 0; border-bottom: 1px solid #f1f1f1; }
header .wrapper { padding: 0; }



header #logo { float: left; padding: 0 5% 20px 5%; }
header #logo #logo-type { display: block; max-width: 290px; }
header #logo #logo-type img { display: block; max-width: 100%;  width: 100%; height: auto; }
header #logo h2 { font-size: 1em; font-weight: 600; line-height: 1em; text-transform: uppercase; letter-spacing: 1px; color: #97999B; padding: 15px 0 0 0; }


header nav #mobile-nav { background: #4b4b4b; color: #fff; display: block; padding: 10px 5%; font-size: 1.5em; font-weight: 500; }
header nav ul { display: none; margin: 15px 0 15px 0; }
header nav ul li { display: block; padding: 7px 0; }
header nav ul li a { color: #666; font-weight: 500; font-size: 1.125em; padding: 0 5%; display: block; line-height: 1em; }
header nav ul #topics-nav a span, header nav ul #cities-nav a span { display: inline-block; background: url(img/topics-arrow.png) no-repeat right 5px; padding: 0 18px 0 0; white-space: nowrap;}
header nav ul #topics-nav a:hover span, header nav ul #cities-nav a:hover span { background: url(img/topics-arrow.png) no-repeat right -25px;  }

header .search-form { position: relative; float: right; display: none; }
header .search-form .screen-reader-text { display: none; }
header .search-form .search-field { background: #ededed; border: none; border-radius: 10px; padding: 4px 12px; }
header .search-form .search-submit { background: url(img/search-icon.png) no-repeat 0 0; text-indent: -9999px; border: none; width: 14px; height: 14px; position: absolute; right: 10px; top: 8px; }

header .search-form .search-field:focus,
header .search-form .search-submit:focus { outline: none; }



.category-subnav { border-top: 4px solid #0093D0; padding: 20px 0 20px 0; display: none; }
.category-subnav .wrapper { max-width: 995px; padding: 0 5%; }
.category-subnav .col { width: 100%; float: left; }
.category-subnav a { display: block; font-weight: 500; margin: 0 0 5px 0; }
.category-subnav .wrapper h3 {color: #0093d0; font-weight: 700;}








/*

    ----------------------------------------------------------------------
                                05 Footer
    ----------------------------------------------------------------------

*/


footer #footer-wrapper { border-top: 1px solid #ccc; padding: 25px 0; margin: 40px 0 0 0; }
body.archive footer #footer-wrapper { margin-top: 20px; }

footer #footer-wrapper > section { padding: 0 0 25px 0; }

footer #copyright #colliers-logo { max-width: 64px; margin: 0 0 25px 0; }
footer #copyright p { font-size: 0.75em; line-height: 1em; text-transform: uppercase; letter-spacing: 1px; font-weight: 500; }
footer #copyright p a { display: block; text-transform: none; letter-spacing: 0; padding: 10px 0 0 0; }





section.social > a { display: block; width: 24px; height: 24px; background-repeat: no-repeat; background-position: 0 0; background-size: 100%; line-height: 1em; float: left; margin: 0 5px 0 0; }
.printfriendly.pf-alignleft {
    display: block;
    width: 24px;
    height: 24px;
    background-repeat: no-repeat;
    background-position: 0 0;
    background-size: 100%;
    line-height: 1em;
    float: left;
    margin: 0 5px 0 0;

}.printfriendly.pf-alignleft img:hover{
        content: url('img/Print_Icon_hover.png');
        cursor: pointer;
}
.printfriendly.pf-alignleft a {
    margin: 0;
}
section.social > a:hover { background-position: 0 -24px; }
section.share.social a:hover {
    cursor: pointer;
}
.social .Twitter { background-image: url(img/social-twitter.png); }
.social .YouTube { background-image: url(img/social-youtube.png); }
.social .Facebook { background-image: url(img/social-facebook.png); }
.social .Instagram { background-image: url(img/social-instagram.png); }
.social .LinkedIn { background-image: url(img/social-linkedin.png); }
.social .RSS { background-image: url(img/social-rss.png); }
.social .Google { background-image: url(img/social-google.png); }
.social .email { background-image: url(img/social-email.png); }








/*

    ----------------------------------------------------------------------
                                XX Hero
    ----------------------------------------------------------------------

*/


#home #main { padding: 50px 0; }
#home #hero { border: 1px solid #ccc; margin: 0 0 10px 0; }
#home #hero article .info { padding: 25px; }
#home #hero article .info h3 { font-weight: 100; font-size: 2.5em; line-height: 1.125em; padding: 0 0 15px 0; border-bottom: 1px solid #ccc; margin: 0 0 15px 0; }
#home #hero article .info h4 { text-transform: uppercase; font-size: 0.75em; letter-spacing: 1px; font-weight: 500; margin: 0 0 10px 0; }

#home #hero article .info p { font-family: "utopia-std", sans-serif; font-size: 1em; line-height: 1.25em; margin: 0 0 15px 0; }
#home #hero article .info .read-more { text-transform: uppercase; letter-spacing: 1px; color: #0093D0; font-size: 0.875em; }


#home #hero article .thumbnail { min-height: 380px; }




/*

    ----------------------------------------------------------------------
                                XX Featured
    ----------------------------------------------------------------------

*/

#featured article { margin: 0 0 10px 0; min-height: 300px; }
#featured article:nth-last-of-type(1) { margin: 0; }
#featured article h4 { text-transform: uppercase; font-size: 0.75em; letter-spacing: 1px; font-weight: 500; }


#featured article.author { padding: 15px; border: 1px solid #ccc; }
#featured article.author .photo { max-width: 33.3333%; margin: 0 0 15px 0; }
#featured article.author h5 { font-size: 0.8125em; margin: 0 0 10px 0; line-height: 1em; }

#featured article.author h2 { padding: 0 0 10px 0; margin: 0 0 10px 0; border-bottom: 1px solid #ccc;  text-transform: uppercase; font-size: 1.5em; letter-spacing: 1px; font-weight: 500; }
#featured article.author h2 a { color: #9a9a9a; }
#featured article.author h2 a:hover { color: #0093D0; }
#featured article.author h3 { margin: 0 0 10px 0; font-weight: 100; }


#featured article.topic { background: #f1f1f1; padding: 15px; }
#featured article.topic h2 { text-transform: uppercase; letter-spacing: 1px; font-weight: 600; font-size: 1.125em; margin: 0 0 15px 0;  }
#featured article.topic h2 a { color: #0093D0; }
#featured article.topic .thumbnail { height: 100px; margin: 0 0 15px 0; }
#featured article.topic h3 { margin: 0 0 15px 0; font-weight: 400; font-size: 1.125em; line-height: 1.125em; }



#featured article.text { border-top: 5px solid #f1f1f1; border-bottom: 5px solid #f1f1f1; padding: 25px 15px; }
#featured article.text h3 { font-weight: 500; font-size: 1.5em; line-height: 1.125em; margin: 0 0 10px 0; }
#featured article.text h4 { margin: 0 0 15px 0; }
#featured article.text p { font-family: "utopia-std", sans-serif; font-size: 0.875em; line-height: 1.25em; margin: 0 0 15px 0; }
#featured article.text .read-more { text-transform: uppercase; letter-spacing: 1px; color: #0093D0; font-size: 0.75em; }

.thumbnail { display: block; width: 100%; height: 100%; background-size: cover; background-position: 0 0; background-repeat: no-repeat; }


article.visual,
article.visual .thumbnail { min-height: 230px; }
@media screen and (min-width: 768px) {
    article.visual .thumbnail { min-height: 300px; }
}
article.visual .overlay-link { display: block; position: relative; }
article.visual .overlay { position: absolute; width: 100%; height: 100%; top: 0; left: 0; color: #fff;
    background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0.00)), to(rgba(0, 0, 0, 0.80)));
    background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.00), rgba(0, 0, 0, 0.80));
    background-image: -moz-linear-gradient(top, rgba(255, 255, 255, 0.00), rgba(0, 0, 0, 0.80));
    background-image: -o-linear-gradient(top, rgba(255, 255, 255, 0.00), rgba(0, 0, 0, 0.80));
    background-image: -ms-linear-gradient(top, rgba(255, 255, 255, 0.00), rgba(0, 0, 0, 0.80));
    background-image: linear-gradient(top, rgba(255, 255, 255, 0.00), rgba(0, 0, 0, 0.80));
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr='#ffffff', EndColorStr='#000000');
}
article.visual .info a { color: #fff; }
article.visual .info { position: absolute; width: 100%; bottom: 0; left: 0; padding: 15px; color: #fff; }
article.visual .info h3 { font-weight: 500; font-size: 1.5em; line-height: 1.125em; margin: 0 0 15px 0; }
article.visual .info h4 { text-transform: uppercase; font-size: 0.75em; letter-spacing: 1px; font-weight: 500; }

article.magazine,
article.magazine .thumbnail { min-height: 300px; }
article.magazine .overlay { position: absolute; width: 100%; height: 100%; top: 0; left: 0; }
article.magazine .info a { color: #fff; }
article.magazine .info { position: absolute; width: 100%; bottom: 0; left: 0; padding: 15px; text-align: center; background: #000; text-transform: uppercase; }
article.magazine .info h5 { font-size: 0.875em; margin: 0 0 10px 0;  font-weight: 500; color: #fff; }
article.magazine .info h3 {font-size: 1.5em; line-height: 1.125em; margin: 0 0 15px 0; color: #0093D0;  font-weight: 400;}
article.magazine .info .download { display: block; font-size: 1em;  font-weight: 500; }
article.magazine .info .download:hover { color: #0093D0; }





/*

    ----------------------------------------------------------------------
                                XX Topics
    ----------------------------------------------------------------------

*/
#topics { background: #f1f1f1; padding: 40px 0; }
#topics section.topic { padding: 0 5px; }
#topics section.topic h4 { background: #fff; padding: 15px 10px; text-transform: uppercase; letter-spacing: 1px; font-weight: 500; font-size: 1.125em; letter-spacing: 1px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
#topics section.topic h4 a { color: #0093D0; }
#topics section.topic article.visual,
#topics section.topic article.visual .thumbnail { min-height: 240px; }


.slick-prev,
.slick-next { border: none; text-indent: -9999px; width: 10px; height: 21px; background-position: 0 0; background-repeat: no-repeat; background-size: 100%; background-color: transparent; display: inline-block; position: absolute; top: -40px;  }
.slick-prev { background-image: url(img/slider-left.png); right: 40px; }
.slick-next { background-image: url(img/slider-right.png); right: 5px; }

.slick-prev:focus,
.slick-next:focus { outline: none; }


#home section .wrapper > h5 { font-weight: 600; font-size: 0.875em; margin: 0 0 15px 0; color: #9a9a9a; text-transform: uppercase; letter-spacing: 1px; }


.post-wrapper { margin: 10px 0 0 0; }
article.cat { width: 100%; float: left; margin: 0 0 10px 0; }

article.cat-primary { border: 1px solid #ccc; }
article.cat-primary .info { padding: 25px; }
article.cat-primary .info h3 { font-weight: 100; font-size: 2.5em; line-height: 1.125em; padding: 0 0 15px 0; border-bottom: 1px solid #ccc; margin: 0 0 15px 0; }
article.cat-primary .info h4 { text-transform: uppercase; font-size: 0.75em; letter-spacing: 1px; font-weight: 500; margin: 0 0 10px 0; }
article.cat-primary .info p { font-family: "utopia-std", sans-serif; font-size: 1em; line-height: 1.25em; margin: 0 0 15px 0; }
article.cat-primary .info .read-more { text-transform: uppercase; letter-spacing: 1px; color: #0093D0; font-size: 0.875em; }
article.cat-primary .thumbnail { min-height: 250px; }
@media screen and (min-width: 768px) {
    article.cat-primary .thumbnail { min-height: 300px; }
}



article.cat-secondary { border: 1px solid #ccc; }
article.cat-secondary .info { padding: 25px; width: 100%; float: left; }
article.cat-secondary .info h3 { font-weight: 500; font-size: 2.5em; line-height: 1.125em; padding: 0 0 15px 0; border-bottom: 1px solid #ccc; margin: 0 0 15px 0; }
article.cat-secondary .info h4 { text-transform: uppercase; font-size: 0.75em; letter-spacing: 1px; font-weight: 500; margin: 0 0 10px 0; }
article.cat-secondary .info p { font-family: "utopia-std", sans-serif; font-size: 1em; line-height: 1.25em; margin: 0 0 15px 0; }
article.cat-secondary .info .read-more { text-transform: uppercase; letter-spacing: 1px; color: #0093D0; font-size: 0.875em; }
article.cat-secondary .thumbnail-wrapper { width: 100%; float: left; position: relative; }
article.cat-secondary .thumbnail-wrapper,
article.cat-secondary .thumbnail,
article.cat-secondary .overlay { height: 300px; }

article.cat-secondary .overlay { position: absolute; width: 100%; top: 0; left: 0; color: #fff;
    background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0.00)), to(rgba(0, 0, 0, 0.80)));
    background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.00), rgba(0, 0, 0, 0.80));
    background-image: -moz-linear-gradient(top, rgba(255, 255, 255, 0.00), rgba(0, 0, 0, 0.80));
    background-image: -o-linear-gradient(top, rgba(255, 255, 255, 0.00), rgba(0, 0, 0, 0.80));
    background-image: -ms-linear-gradient(top, rgba(255, 255, 255, 0.00), rgba(0, 0, 0, 0.80));
    background-image: linear-gradient(top, rgba(255, 255, 255, 0.00), rgba(0, 0, 0, 0.80));
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr='#ffffff', EndColorStr='#000000');
}
article.cat-secondary .overlay-info { color: #fff; position: absolute; bottom: 0; width: 100%; left: 0; padding: 25px; }
article.cat-secondary .overlay-info a { color: #fff; }
article.cat-secondary .overlay-info h3 { font-weight: 400; font-size: 2em; line-height: 1.125em; margin: 0 0 15px 0; }
article.cat-secondary .overlay-info h4 { text-transform: uppercase; font-size: 0.75em; letter-spacing: 1px; font-weight: 500; }



article.cat-tertiary { background: #f1f1f1; }
article.cat-tertiary .thumbnail { 
    height: 200px;
}
@media screen and (min-width: 768px) {
    article.cat-tertiary .thumbnail { 
        height: 260px;
    }
}
article.cat-tertiary .info { padding: 25px; }

article.cat-tertiary .info h3 { font-weight: 100; font-size: 1.5em; line-height: 1.125em; margin: 0 0 10px 0; }
article.cat-tertiary .info h4 { margin: 0 0 15px 0; text-transform: uppercase; font-size: 0.75em; letter-spacing: 1px; font-weight: 500; }
article.cat-tertiary .info p { font-family: "utopia-std", sans-serif; font-size: 0.875em; line-height: 1.25em; margin: 0 0 15px 0; }
article.cat-tertiary .info .read-more { text-transform: uppercase; letter-spacing: 1px; color: #0093D0; font-size: 0.75em; }




article.cat-basic { border-top: 5px solid #f1f1f1; padding: 25px 15px; }
article.cat-basic h3 { font-weight: 100; font-size: 1.5em; line-height: 1.125em; margin: 0 0 10px 0; }
article.cat-basic h4 { margin: 0 0 15px 0; text-transform: uppercase; font-size: 0.75em; letter-spacing: 1px; font-weight: 500; }
article.cat-basic p { font-family: "utopia-std", sans-serif; font-size: 0.875em; line-height: 1.25em; margin: 0 0 15px 0; }
article.cat-basic .read-more { text-transform: uppercase; letter-spacing: 1px; color: #0093D0; font-size: 0.75em; }




/*

    ----------------------------------------------------------------------
                                XX Magazine Teaser
    ----------------------------------------------------------------------

*/

#magazine-teaser { padding: 40px 0;  }

#magazine-teaser #teaser-wrapper { background: #ededed; padding: 25px; }
#magazine-teaser #teaser-wrapper .cover,
#magazine-teaser #teaser-wrapper .info { width: 100%; float: left; }

#magazine-teaser #teaser-wrapper .cover { margin: 0 0 40px 0; }

#magazine-teaser #teaser-wrapper .info h4 { color: #0093D0; text-transform: uppercase; letter-spacing: 1px; font-size: 1.25em; padding: 0 0 15px 0; border-bottom: 1px solid #0093D0; margin: 0 0 15px 0; line-height: 1em; font-weight: 400; }
#magazine-teaser #teaser-wrapper .info h3 { font-size: 2em; line-height: 1em; margin: 0 0 15px 0; font-weight: 400; }
#magazine-teaser #teaser-wrapper .info p { font-size: 1.25em; line-height: 1.125em; margin: 0 0 30px 0;  }
#magazine-teaser #teaser-wrapper .info .btn { display: inline-block; color: #fff; background: #0093D0; padding: 10px 20px; text-transform: uppercase; letter-spacing: 1px; font-size: 1.25em; font-weight: 600; margin: 0 0 10px 0; max-width: 350px; }
#magazine-teaser #teaser-wrapper .info .archive-link { text-transform: uppercase; letter-spacing: 1px; font-size: 0.875em; display: block; }



/*

    ----------------------------------------------------------------------
                                XX Collections
    ----------------------------------------------------------------------

*/

#collections { padding: 40px 0; }
.collection { border: 1px solid #ccc; margin: 0 10px; background: #f1f1f1;}


.collection .author-info { padding: 15px; border-top: 4px solid #f1f1f1; background: #fff; }
.collection .author-info .photo { max-width: 33.3333%; float: right; }
.collection .author-info .info { max-width: 66.6666%; float: left; padding: 0 20px 0 0; }

.collection .author-info h5 { margin: 0 0 5px 0; color: #0093D0; font-size: 1.125em; font-weight: 500; }
.collection .author-info h3 { font-size: 1.25em; font-weight: 500; text-transform: uppercase; letter-spacing: 1px; }
.collection .author-info h4 { text-transform: uppercase; letter-spacing: 1px; font-size: 0.875em; margin: 10px 0 0 0; }


.collection .featured-article { background: #fff; }
.collection .featured-article .thumbnail { min-height: 260px; }
.collection .featured-article .info { padding: 15px; }

.collection .featured-article .info h3 { font-weight: 500; font-size: 1.5em; line-height: 1.125em; margin: 0 0 10px 0; }
.collection .featured-article .info h4 { margin: 0 0 15px 0; text-transform: uppercase; font-size: 0.75em; letter-spacing: 1px; font-weight: 500; }
.collection .featured-article .info p { font-family: "utopia-std", sans-serif; font-size: 0.875em; line-height: 1.25em; margin: 0 0 15px 0; }
.collection .featured-article .info .read-more { text-transform: uppercase; letter-spacing: 1px; color: #0093D0; font-size: 0.75em; }


.collection .other-articles { padding: 15px; }
.collection .other-articles h5 { font-weight: 600; font-size: 0.875em; margin: 0 0 15px 0; color: #9a9a9a; text-transform: uppercase; letter-spacing: 1px; }
.collection .other-articles article { border-top: 1px solid #ccc; padding: 15px 0; }
.collection .other-articles article h2 { margin: 0 0 5px 0; text-transform: uppercase; font-size: 0.75em; letter-spacing: 1px; font-weight: 500;     color: #0093D0;}
.collection .other-articles article h2 a { color: #0093D0; }
.collection .other-articles article h3 { font-weight: 400; font-size: 1.125em; line-height: 1.125em;  }

.spotlight-topic-header {
    background: #0093D0;
    color: white;
    border-top: 5px #007caf solid;
    padding: 20px 15px;
    min-height: 150px;
}
.spotlight-topic-header h5 {
    font-size: 18px;
}
.spotlight-topic-header h3 {
    font-size: 30px;
    line-height: 30px;
}
.other-articles span {
    color: #0093D0;
    margin: 0 0 5px 0;
    text-transform: uppercase;
    font-size: 0.75em;
    letter-spacing: 1px;
    font-weight: 500;
    display: block;
}





/*

    ----------------------------------------------------------------------
                                XX Latest
    ----------------------------------------------------------------------

*/

#latest #posts { margin: 20px 0 30px 0; }
#latest #posts article { width: 100%; float: left; margin: 0 0 10px 0; }

#latest section > h5 { font-weight: 600; font-size: 0.875em; padding: 0 0 20px 0; color: #9a9a9a; text-transform: uppercase; letter-spacing: 1px; }
#latest #posts > h5 { margin: 0 0 25px 0; border-bottom: 1px solid #ccc; }
#latest #posts .archive-link { color: #0093D0; display: inline-block; text-transform: uppercase; letter-spacing: 1px; font-size: 1em; margin: 15px 0 0 0; }


#latest #social-sidebar section { background: #f1f1f1; margin: 0 0 10px; padding: 15px; }
#latest #social-sidebar section h4 { text-transform: uppercase; letter-spacing: 1px; font-size: 1em; padding: 0 0 10px 30px; border-bottom: 1px solid #fff; margin: 0 0 35px; font-weight: 600; }




#latest #social-sidebar #facebook a.external { display: inline-block; text-transform: uppercase; letter-spacing: 1px; font-size: 0.875em; line-height: 1em; color: #0093D0; }
#latest #social-sidebar #facebook a.external:hover { text-decoration: underline; }


#instagram .sbi_item { width: 33.3333% !important; }

#latest #social-sidebar #instagram { background: #f1f1f1; margin: 0 0 10px; padding: 0; }

#latest #social-sidebar #instagram h4 { padding: 15px 15px 15px 50px; border-bottom: none; margin: 0; background: url(img/icon-header-instagram.png) no-repeat 15px 13px; }

#latest #social-sidebar #twitter h4 { background: url(img/icon-header-twitter.png) no-repeat 0 0; }
#latest #social-sidebar #facebook h4 { background: url(img/icon-header-facebook.png) no-repeat 0 0; }



#twitter .widgettitle { display: none; }
#twitter ul li { padding: 0 0 10px 0; border-bottom: 1px solid #fff; margin: 0 0 10px 0; }
#twitter ul li:last-of-type { margin: 0; padding: 0; border-bottom: none; }
#twitter ul li .tweet-text { font-family: "utopia-std", sans-serif; font-size: 0.875em; line-height: 1.25em; margin: 0 0 5px 0; }
#twitter ul li .tweet-text a { color: #0093D0; }
#twitter ul li .tweet-text a:hover { text-decoration: underline; }
#twitter ul li .tweet-details { font-size: 0.875em; font-weight: 500; }








/*

    ----------------------------------------------------------------------
                                XX Posts
    ----------------------------------------------------------------------

*/




#overlay { display: none; position: fixed; top: 0; left: 0; z-index: 50; background: rgb(255, 255, 255); background: rgba(255, 255, 255, 0.75); width: 100%; height: 100%; }
#modal { z-index: 100; width: 90%; max-width: 900px; margin: 30px auto 0 auto;



}

#modal #load-area { background: #fff; padding: 20px;

        -webkit-box-shadow: 0px 0px 12px 0px rgba(50, 50, 50, 0.5);
-moz-box-shadow:    0px 0px 12px 0px rgba(50, 50, 50, 0.5);
box-shadow:         0px 0px 12px 0px rgba(50, 50, 50, 0.5);

-webkit-border-radius: 2px;
border-radius: 2px;
      }


#modal .close { display: block; position: absolute; top: 20px; right: 20px; background: rgb(0, 0, 0) url(img/close.png) no-repeat 9px 9px; background: rgba(0, 0, 0, 0.5) url(img/close.png) no-repeat 9px 9px; width: 22px; height: 22px; z-index: 100; padding: 20px; }


#load-area,
.photo-content { width: 100%; float: left; overflow: hidden; }
.photo-content { background: #000; }


.single article.photo-content { padding: 0; width: 100%; max-width: 80%; margin: 0 auto; float: none; }

.photo-content img { margin: 0 auto; max-height: 720px; }
.photo-content .info { padding: 15px 30px; background: rgb(0, 0, 0); width: 100%; }
.photo-content .info h3 { font-size: 1.125em; font-weight: 600; letter-spacing: 1px; text-transform: uppercase; line-height: 1em; margin: 0 0 10px 0; color: #fff; }
.photo-content .info p { font-size: 0.875em; line-height: 1.25em; color: #fff; margin: 0 0 10px 0; }
.photo-content .info .view-more { text-transform: uppercase; letter-spacing: 1px; font-weight: 500; color: #0093D0; padding: 0 20px 0 0; }
.post-type-archive-photo .photo-content .info .view-more { display: none; }
.photo-content .info .read-more { padding: 0 0 0 28px; background: url(img/instagram-link.png) no-repeat left center; text-transform: uppercase; letter-spacing: 1px; font-weight: 500; color: #0093D0; }

#posts #pagination { width: 100%; float: left; border-top: 1px solid #d8d8d8; padding: 20px 0 0 0; margin: 20px 0 0 0; font-weight: 600; font-size: 0.875em; }

#posts #pagination span,
#posts #pagination a { padding: 0 5px; }
#posts #pagination span { color: #9da3a1; }
#posts #pagination a { color: #0093D0; }





#posts.archive article.visual { margin: 0 0 10px 0; float: left; width: 100%; }


















/*

    ----------------------------------------------------------------------
                                XX Article
    ----------------------------------------------------------------------

*/


.single #main { padding: 40px 0 0 0; }

.single aside { background: #f1f1f1; padding: 15px; }
.single aside section { padding: 0 0 25px 0; border-bottom: 1px solid #ccc; margin: 0 0 25px 0; }
.single aside section:last-of-type { padding: 0; margin: 0; border-bottom: none; }
.single aside h5 { font-weight: 600; font-size: 0.875em; padding: 0 0 15px 0; color: #9a9a9a; text-transform: uppercase; letter-spacing: 1px; }


.single aside .author .photo { max-width: 50%; margin: 0 0 15px 0; }
.single aside .author .info h4 { margin: 0 0 10px 0; }
.single aside .author .info h3 { text-transform: uppercase; letter-spacing: 1px; font-size: 1.5em; font-weight: 400; margin: 0 0 10px 0; }
.single aside .author .info .email { display: inline-block; color: #0093D0; font-size: 1em; margin: 0 0 15px 0;  }
.single aside .author .info p, section .subscribe-desc p { font-family: "utopia-std", sans-serif; font-style: italic; line-height: 1.25em; font-size: 1em; }

.single aside  #mailchimp-signup p { font-family: "utopia-std", sans-serif; line-height: 1.25em; font-size: 1em;  }


.single article { width: 100%; float: left; font-size: 1em; font-family: "utopia-std", sans-serif; padding: 25px 0 0 0; }

.single article #featured-image { margin: 0 0 25px 0; }

.single article a { color: #0093D0; }
.single article a:hover { text-decoration: underline; }
.single article p { margin: 0 0 25px 0; font-size: 1.125em; line-height: 1.375em; }

.single article strong,
.single article b { font-weight: 600; }

.single article ul,
.single article ol { margin: 0 0 25px 25px; font-size: 1.125em; line-height: 1.375em;  }

.single article ul ul, .single article ol ol { font-size: 1em; }

.single article ul { list-style-type: disc; }
.single article ol { list-style-type: decimal; }

.single article li { margin: 0 0 10px 0; }


.single article blockquote { padding: 0 60px 0 60px; }
.single article blockquote p { font-size: 1.25em; line-height: 1.25em; font-style: italic; }

.single article h1,
.single article h2,
.single article h3,
.single article h4,
.single article h5,
.single article h6 { font-family: "aaux-next", sans-serif; }


.single #article-header h1 { font-weight: 100; font-size: 2em; line-height: 1.125em; margin: 0 0 15px 0;  }
.single #article-header h4 { text-transform: uppercase; font-size: 0.75em; letter-spacing: 1px; font-weight: 500; margin: 0 0 25px 0;  }




.single article #article-body h2 { font-weight: 600; font-size: 1.5em; }
.single article #article-body h3 { font-weight: 600; font-size: 1.25em; }
.single article #article-body h4 { font-weight: 500; font-size: 1.25em; text-transform: uppercase; letter-spacing: 1px; }
.single article #article-body h5 { font-weight: 600; font-size: 1em; }
.single article #article-body h6 { font-weight: 500; font-size: 1em; text-transform: uppercase; letter-spacing: 1px; }



.single article img { margin: 0 0 20px 0; }
.single article img.alignleft { float: left; margin: 0 20px 10px 0; }
.single article img.alignright { float: right; margin: 0 0 10px 20px; }
.single article img.aligncenter { margin: 0 auto 20px auto; }


.single article #article-footer { padding: 25px 0 75px 0; }
.single article #article-footer .tags h4 { display: inline-block; text-transform: uppercase; font-size: 0.75em; letter-spacing: 1px; font-weight: 500; }
.single article #article-footer .tags a { display: inline-block; font-family: "aaux-next", sans-serif; text-transform: capitalize; font-size: 1em; padding: 5px 10px; border: 1px solid; margin: 0 5px 10px 5px;  }
.single article #article-footer .tags a:hover { text-decoration: none; background: #0093D0; color: #fff; }


.single aside { float: left; width: 100%; }




/*

    ----------------------------------------------------------------------
                                XX Magazine
    ----------------------------------------------------------------------

*/

#magazine #magazine-archive { padding: 40px 0; }
#magazine #magazine-archive h5 { font-weight: 600; font-size: 0.875em; padding: 0 0 20px 0; color: #9a9a9a; text-transform: uppercase; letter-spacing: 1px; margin: 0 0 25px 0; border-bottom: 1px solid #ccc; }
#magazine #magazine-archive .issue h4 { background: #ededed; padding: 15px 10px; text-transform: uppercase; letter-spacing: 1px; font-weight: 500; font-size: 1.125em; letter-spacing: 1px; }
#magazine #magazine-archive .issue h4 a { color: #0093D0; }
#magazine #magazine-archive #archive-wrapper .issue { padding: 0 5px; }
#magazine #magazine-archive article.visual,
#magazine #magazine-archive article.visual .thumbnail { min-height: 400px; }

#magazine #magazine-archive article.visual .overlay { opacity: 0; background: rgba(0, 0, 0, 0.75);
    transition: opacity .25s ease-in-out;
   -moz-transition: opacity .25s ease-in-out;
   -webkit-transition: opacity .25s ease-in-out;

}
#magazine #magazine-archive article.visual:hover .overlay { opacity: 1; }
#magazine #magazine-archive article.visual .overlay .btn { display: inline-block; color: #fff; background: #0093D0; padding: 10px 20px; text-transform: uppercase; letter-spacing: 1px; font-size: 1.25em; font-weight: 600; position: absolute; top: 0; right: 0; left: 0; bottom: 0; margin: auto; max-width: 200px; max-height: 48px; text-align: center; }



#magazine-teaser #hubspot-form-wrapper { width: 100%; float: left; padding: 20px; border: 1px solid #fff; max-width: 480px;  }
#magazine-teaser #hubspot-form-wrapper h5 { font-size: 1.125em; margin: 0 0 20px 0; font-weight: 500; }
#magazine-teaser #hubspot-form-wrapper .hs-form,
#magazine-teaser #hubspot-form-wrapper .hs-form .actions { padding-bottom: 0; margin-bottom: 0; }

/*

    ----------------------------------------------------------------------
                                XX Authors
    ----------------------------------------------------------------------

*/

#author-list { padding: 0 0 60px 0; min-height: 600px;}
#author-list .author { width: 100%; float: left; padding: 20px 30px; border: 1px solid #D9DADC; margin: 0 0 20px 0; }
#author-list .author .image { width: 100%; float: left; padding: 0 0 20px 0; border-bottom: 1px solid #D9DADC; margin: 0 0 20px 0; }
#author-list .author img { display: block; margin: 0 auto; max-width: 100%; object-fit: cover; object-position: top center; }
@media screen and (min-width: 768px) {
    #author-list .author img { max-height: 214px; }
}
#author-list .author .info { width: 100%; float: left; }
#author-list .author .info h3 { font-size: 0.875em; text-transform: uppercase; letter-spacing: 1px; font-weight: 600; padding: 0 30px 0 0; }
#author-list .author .info h4 { font-size: 0.625em; text-transform: uppercase; letter-spacing: 1px; font-weight: 600; margin: 0 0 10px 0; }
#author-list .author .info p { font-size: 0.75em; line-height: 1.6667em; margin: 0 0 15px 0; }
#author-list .author .info .read-more { display: block; font-size: 0.875em; font-weight: 500; line-height: 1em; color: #0093D0; text-transform: uppercase; letter-spacing: 1px; }




.author #page-header { height: auto; }
#author-details { width: 100%; float: left; margin: 15px 0; background: rgb(255, 255, 255); background: rgba(255, 255, 255, 0.9); padding: 40px; }
#author-details .image { float: left; width: 100%; padding: 0 0 20px 0; border-bottom: 1px solid #D9DADC; margin: 0 0 20px 0; }
#author-details .image img { max-width: 160px; margin: 0 auto; }

#author-details .info { float: left; width: 100%; color: #4b4b4b; }
#author-details .info h3 { font-size: 1.125em; text-transform: uppercase; letter-spacing: 1px; font-weight: 600; }
#author-details .info h4 { font-size: 0.75em; text-transform: uppercase; letter-spacing: 1px; font-weight: 600; margin: 0 0 10px 0; }
#author-details .info p { text-transform: none; font-size: 1em; letter-spacing: 0; margin: 0; padding: 0; width: auto; }

#author-details .social { float: left; width: 100%; color: #4b4b4b; padding: 40px 0 0 0; }
#author-details .social h5 { font-size: 0.875em; font-weight: 600; letter-spacing: 1px; color: #97999B; text-transform: uppercase; margin: 0 0 20px 0; }
#author-details .social a.email { font-size: 1.25em; color: #4b4b4b; background: none; }
#author-details .social .networks { float: left; width: 100%; padding: 20px 0 0 0; }
#author-details .social .networks a, .social .networks a { display: block; float: left; margin: 0 5px 0 0; width: 24px; height: 24px; background-repeat: no-repeat; background-position: 0 0; background-size: 100%;}
#author-details .social .networks a:hover, .social .networks a:hover { background-position: 0 -24px; }




/*

    ----------------------------------------------------------------------
                                XX Topics
    ----------------------------------------------------------------------

*/

#topic-list { padding: 0 0 60px 0; }
#topic-list .topic { width: 100%; float: left; padding: 30px; border: 1px solid #D9DADC; margin: 0 0 20px 0; }
#topic-list .topic h3 { font-size: 1.5em; line-height: 1.125em; text-transform: uppercase; letter-spacing: 1px; font-weight: 500; margin: 0 0 20px 0; }
#topic-list .topic p { font-size: 0.875em; line-height: 1.25em; margin: 0 0 20px 0; }
#topic-list .topic .read-more { display: block; font-size: 0.875em; font-weight: 500; line-height: 1em; color: #0093D0; text-transform: uppercase; letter-spacing: 1px; }






/*

    ----------------------------------------------------------------------
                                XX Search
    ----------------------------------------------------------------------

*/

.search-box form { width: 100%; float: left; position: relative; }
.search-box form .screen-reader-text { display: none; }
.search-box form .search-field { width: 100%; float: left; color: #4d4d4d;  }
.search-box form .search-field:focus { outline: none; }
.search-box form .search-submit { position: absolute;  text-indent: -9999px; background: transparent url(img/search-btn-large.png) no-repeat 0 0; width: 40px; height: 40px; border: none; }
.search-box form .search-submit:focus { outline: none; }

#search-header { border-top: 1px solid #D9DADC; display: none; }
#search-header .search-field { height: 65px; line-height: 65px; font-size: 2.25em; font-weight: 600; border: none; }
#search-header .search-submit { top: 13px; right: 0px; }

#search-field { width: 100%; float: left; margin: 0 0 50px 0; }
#search-field .search-field { font-size: 3.125em; font-weight: 600; border: 1px solid #D9DADC; height: 90px; padding: 0 30px; }
#search-field .search-submit { top: 25px; right: 30px; }

#results-info { width: 100%; float: left; margin: 0 0 25px 0; }
#results-info h4 { text-transform: uppercase; letter-spacing: 1px; font-size: 1em; font-weight: 600; color: #97999B; }


.post-type-archive-photo #page-header { margin: 0; }
.post-type-archive-photo #featured-photo { background: #f5f5f5; margin: 0 0 60px 0; padding: 60px 0; }

.post-type-archive-photo #featured-photo .info { width: 100%; float: left; margin: 0 0 30px 0; }
.post-type-archive-photo #featured-photo .info h3 { font-size: 1.5em; letter-spacing: 1px; text-transform: uppercase; margin: 0 0 30px 0; }
.post-type-archive-photo #featured-photo .info h2 { font-size: 2.5em; line-height: 1em; letter-spacing: 1px; text-transform: uppercase; margin: 0 0 30px 0; }
.post-type-archive-photo #featured-photo .info p { font-size: 1.125em; line-height: 1.25em; font-weight: 500; color: #808080; margin: 0 0 30px 0; }
.post-type-archive-photo #featured-photo .info .read-more { text-transform: uppercase; letter-spacing: 1px; font-weight: 500; color: #0093D0; }

.post-type-archive-photo #featured-photo .photo { width: 100%; float: left; }


.photo-archive .wrapper { padding: 0; }
.photo-archive .photo { margin: 0 0 20px 0; padding: 0 5%; }


#error-info { min-height: 400px; }






/*

    ----------------------------------------------------------------------
                                XX 404
    ----------------------------------------------------------------------

*/

#error-page { background: #71c4d9; color: #fff; min-height: 900px; }
#error-page #info { height: 690px; margin: 40px 0 0 0; width: 100%; float: left; }
#error-page #info #logo { width: 90px; margin: 0 0 60px 0; }

#error-page #info #text h3 { font-size: 1.5em; line-height: 1.25em; font-weight: 500; padding: 0 0 30px 0; }
#error-page #info #text h3 br { display: none; }

#error-page #info #text p { font-size: 1.125em; font-weight: 700; margin: 0 0 30px 0; }
#error-page #info #text a { color: #fff; }
#error-page #info #text a:hover { color: #fff; text-decoration: underline; }




/*

    ----------------------------------------------------------------------
                                XX Mailchimp
    ----------------------------------------------------------------------

*/

#mailchimp-signup p { font-size: 0.875em; line-height: 1.125em; margin: 0 0 10px 0; }
#mailchimp-signup #mce-EMAIL { border: 1px solid #D9DADC; margin: 0 0 10px 0; width: 100%; padding: 0 5px; height: 30px; }
#mailchimp-signup #mce-EMAIL:focus { outline: none; }

#mailchimp-signup #mc-embedded-subscribe { margin: 0; width: auto; float: left; background: transparent; border: none; text-transform: uppercase; color: #0093D0; font-size: 0.875em; letter-spacing: 1px; font-weight: 500;  }
#mailchimp-signup #mc-embedded-subscribe:focus { outline: none; }





.page-template-mailchimp-php #hero { height: 700px; }
.page-template-mailchimp-php #hero .info { text-transform: none; margin-top: 50px; background: rgba(255, 255, 255, 0.95); }
.page-template-mailchimp-php #hero .info h2 { text-transform: uppercase; }
.page-template-mailchimp-php #hero .info p { margin: 0 0 20px 0; font-weight: 500; }
.page-template-mailchimp-php #hero .info p a { color: #0093D0; }
.page-template-mailchimp-php #hero .info p a:hover { text-decoration: underline; }
.page-template-mailchimp-php #hero .info .read-more { display: block; color: #0093D0; font-weight: 600; font-size: 0.875em; letter-spacing: 1px; text-transform: uppercase; }
.page-template-mailchimp-php #hero .info .read-more:hover { text-decoration: none; }



/*

    ----------------------------------------------------------------------
                                XX CUSTOM
    ----------------------------------------------------------------------

*/
    .single article blockquote.option-one {
        padding: 5% 8%;
        background-color: #f1f1f1;
        color: #555;
        margin: 5% 0;
        position: relative;
    }
    .single article blockquote.option-one p:before{
        content: "\f10d";
        font-family: "FontAwesome";
        position: absolute;
        color: #D9DADC;
        z-index: -1;
        font-size: 55px;
        top: 3%;
        left: -4%;
    }
    .single article blockquote.option-one p{
        position: relative;
        z-index: 1;
        margin: 0;
    }

    .single article blockquote.option-two {
        padding: 5% 8%;
        color: #777;
        margin: 5% 0;
        position: relative;
    }
    .single article blockquote.option-two p:before{
        content: "\f10d";
        font-family: "FontAwesome";
        position: absolute;
        background-color: #f1f1f1;
        z-index: -1;
        font-size: 55px;
        top: -12%;
        left: -5%;
        display: inline-block;
        width: 80px;
        height: 45px;
        text-align: center;
        padding-top: 20px;
        color: #fff;
        font-style: normal;
        border-radius: 8px;
    }
    .single article blockquote.option-two p{
        position: relative;
        z-index: 1;
        margin: 0;
    }

    .single article blockquote.option-three {
        padding: 5% 8%;
        color: #777;
        margin: 5% 0;
        border-left: solid 8px #0093d0;
        position: relative;
    }
    .single article blockquote.option-three p{
        margin: 10px 0;
    }
    .single article blockquote i.option-icon {
        position: absolute;
        color: #ccc;
        font-size: 75px;
        z-index: -1;
        top: 12px;
        left: 22px;
    }

    /* block list component */
    .block-list{
        width:100%; 
        margin-bottom:20px;
    }
    .block-list:hover .block-icon{
        animation: hoppy-icon .5s ease-in-out 2 alternate;
    }
    .block-list a span{
        color: #0093d0;
    }

    .block-icon{
        display:inline-block;
        vertical-align:top;
        position:relative;
        width:75px;
        height:75px;
        border-radius:50%;
        border:solid 3px #ffc425;
        margin:1% 2% 0 0;
    }
    .block-icon.disabled-icon, .postlinks-widget a.post-icon.disabled-icon{
        border-color: #ccc;
    }
    .block-icon i{
        font-size: 2.5em;
        width: 100%;
        height: 100%;
        color: #0093d0;
        position: absolute;
    }
    .block-icon.disabled-icon i, .postlinks-widget a.post-icon.disabled-icon i{
        color: #6cbfe6;
    }
    .block-icon i:before {
        position: absolute;
        top: 13px;
        left: 15px;
        text-decoration: none !important;
    }
    .block-content{
        width:80%; 
        display:inline-block; 
        vertical-align:top;
    }
    .block-content a.disabled-link{
        background:#ccc !important;
     }
    .block-content p span{
        color:#00467f;
    }
    .block-content h3 a, .block-content h3{
        color:#00467f;
        margin:10px 0 5px;
    }
    .block-content h3 span{
        color:#0093D0;
    }
    .block-content h3 a:hover{
        color:#0093D0;
        text-decoration: none;
    }
    .block-content h3 a:hover span{
        color:#00467f;
    }
    .block-content p{
        margin-top:0px;
    }
    .tiny-text{
        font-size: 14px;
    }

    /* postlinks widget */
    .postlinks-widget{
        margin: 5% 0;
        padding: 5% 8%;
        border-left: solid 8px #0093d0;
    }
    .postlinks-widget a.post-icon {
        display: inline-block;
        vertical-align: top;
        position: relative;
        width: 75px;
        height: 75px;
        border-radius: 50%;
        border: solid 3px #ffc425;
        margin: 1% 2% 0 0;
    }
    .postlinks-widget a.post-icon:hover{
        animation: hoppy-icon .5s ease-in-out 2 alternate;
    }
    .postlinks-widget a.post-icon i {
        font-size: 2.5em;
        width: 100%;
        height: 100%;
        color: #0093d0;
        position: absolute;
    }
    .postlinks-widget a.post-icon i:before {
        position: absolute;
        top: 13px;
        left: 15px;
        text-decoration: none !important;
    }
    .postlinks-widget h3{
        display: inline-block;
        width: 160px;
        color: #00467f;
        font-weight: 300;
    }
    .postlinks-widget a.concl-link{
        clear: both;
        display: block;
        text-align: right;
        margin-top: 20px;
    }
    .postlinks-widget a.concl-link span{
        color: #ffc425;
    }
    .postlinks-widget a.concl-link:hover{
        color:#00467f;
        text-decoration: none;
    }
    .postlinks-widget a.concl-link:hover span{
        color:#0093d0;
    }


    /* contact listing block/widget */
    .half-block {
        width: 46%;
        float: left;
        margin: 2% 2% 4%;
    }
    .single article #article-body .half-block h3 {
        color: #149cd4;
        font-weight: 300;
        font-size: 1.5em;
    }

    /* simple tooltip custom styles */
    .Zebra_Tooltip {
        font-family: "aaux-next-n4", "aaux-next", sans-serif;
    }
    .Zebra_Tooltip .Zebra_Tooltip_Message {
        -webkit-box-shadow: none !important;
        -moz-box-shadow: none !important;
        box-shadow: none !important;
    }
    span.tooltips {
        width: 75px;
        height: 75px;
        display: inline-block;
    }

    /* check list */
    .single article ul.checklist-ul{
        list-style-type: none;
        padding-left: 1.3em;
    }
    ul.checklist-ul li:before{
        content: "\f17e";
        font-family: FontAwesome;
        display: inline-block;
        margin-left: -1.3em;
        width: 1.3em;
        list-style: none;
        color: #0093d0;
    }

/*

    ----------------------------------------------------------------------
                                XX Animations
    ----------------------------------------------------------------------

*/
    @keyframes hoppy-icon{
        from{transform: translate(0);}
        to{transform: translate(0, -5px);}
    }
/*


/*

    ----------------------------------------------------------------------
                                XX Social
    ----------------------------------------------------------------------

*/


#main.social ul.stream {
    margin: 0 auto;
}

#main.social .dcwss-content {
    margin: 0 -8px;
}

#main.social .dcwss.dc-wall .stream li {
    font-size: 12px;
}

@media screen and (min-width: 768px) {

    .single #main.social article {
        width: 100%;
        padding: 0;
    }

}

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

    #main.social .dcwss-content {
        margin: 0;
    }

    #main.social ul.stream {
        padding: 0;
        margin: 0;
    }

    #main.social .dcwss.dc-wall .stream li {
        width: 100%;
        margin: 8px 0;
        font-size: 14px;
    }

}


/*

    ----------------------------------------------------------------------
                                XX Media Queries
    ----------------------------------------------------------------------

*/

@media screen and (max-width: 540px) {
    .block-icon{display: block; margin: 0 auto;}
    .block-content{width:100%;}
    .block-list{margin-bottom: 40px;}
}

/* 640 + */
@media screen and (min-width: 640px) {


    #posts.archive article.visual { width: 49%; margin: 0 0.5% 10px 0.5%; }






    #author-list .author img { max-width: 80%; }

    #author-list .author { width: 48%; height: 480px; overflow: hidden; margin: 0 1% 20px 1%; }


    .photo-archive .photo { width: 48%; margin: 0 1% 20px 1%; padding: 0; }




    .category-subnav .col { width: 50%; padding: 0 40px 0 0; }
    #latest #posts article { width: 49%; margin: 0 0.5% 10px 0.5%; }

            .featured-magazines h4 {
                text-transform: uppercase;
                font-size: 18px;
                color: #0093D0;
                border-bottom: 1px solid #0093D0;
                line-height: 10px;
                padding: 0 0 20px 0;
                margin: 20px 10px;
            }
            .featured-magazines {
                float: left;
                width: 100%;
                opacity: 1;
                transform: translate3d(0px, 0px, 0px);
                position: relative;
                display: block;
                -moz-box-sizing: border-box;
                box-sizing: border-box;
                -webkit-user-select: none;
                -moz-user-select: none;
                -ms-user-select: none;
                user-select: none;
                -webkit-touch-callout: none;
                -khtml-user-select: none;
                -ms-touch-action: pan-y;
                touch-action: pan-y;
                -webkit-tap-highlight-color: transparent;
                position: relative;
                top: 0;
                left: 0;
                display: block;
            }
            .featured-article-wrapper {
                width: 29%;
                margin: 0 10px;
                display: inline-block;
            }
            .featured-image {
                background-size: cover;
                background-repeat: no-repeat;
                height: 300px;
                position: relative;
            }
            .inner-article-info {
                position: absolute;
                bottom: 0;
                min-height: 202px;
                color: white;
                padding: 50px 15px 15px 15px;
                width: 100%;
                background-image: linear-gradient(to top, rgba(50,50,50,1), transparent 100%)!important;
                -webkit-transition: background-position 1s;
                -moz-transition: background-position 1s;
                transition: background-position 1s;
            }
            .inner-article-info h3 a {
                font-size: 24px;
                line-height: 24px;
                font-weight: bold;
                color: white;
            }
            .inner-article-info h5, .inner-article-info h5 a {
                color: white;
                font-weight: bold;
                text-transform: uppercase;
                font-size: 11px;
                margin: 10px 0;
            }
            .inner-article-info a:hover {
                color: #0093D0;
            }
            .inner-article-info a.btn {
                text-transform: uppercase;
                font-size: 12px;
                color: #0093D0;
                font-weight: bold;
            }
            .inner-article-info a.btn:hover  {
                text-decoration: underline;
            }

}




/* 768 + */
@media screen and (min-width: 768px) {


    .no-mob { display: block; }




    #posts.archive article.visual { width: 32.3333%; }





    #author-details .info { float: left; width: 60%; color: #4b4b4b; }
    #author-details .social { float: left; width: 100%; color: #4b4b4b; padding: 20px 0 0 0; }
    #author-details .image { float: left; padding: 0 40px 0 0; border-right: 1px solid #D9DADC; margin: 0 40px 0 0; border-bottom: none; width: auto; }



    /* 04 Header
    ------------------------------------*/

    header { padding: 40px 0; }
    header .wrapper { padding: 0 5%; }

    header nav #mobile-nav { display: none; }

    header nav { width: auto; float: right; display: block; }
    header nav ul { display: block !important; margin: 0; }
    header nav ul #search-link { border-left: 1px solid #797979; }
    header nav ul #search-link a { margin: 0; }
    header #logo { padding: 0; }

    header #logo #logo-type { max-width: 218px; }
    header #logo h2 { padding-left: 0; }

    header nav ul { clear: right; float: right; padding: 31px 0 0 0; }
    header nav ul li { float: left; display: block; padding: 0 0 0 15px; margin: 0; }
    header nav ul li a { font-size: 1em; line-height: 1em; color: #666; font-weight: 500; display: block; }

    header .search-form { display: block; }
    .category-subnav { margin: 40px 0 0 0; padding: 40px 0 0 0;  }
    .category-subnav .col { width: 25%; }






    /* 05 Footer
    ------------------------------------*/






    /* XX Hero
    ------------------------------------*/
    #home #hero { width: 49.5%; margin: 0; }


    /* XX Featured
    ------------------------------------*/
    #home #featured { width: 49.5%; float: right; }
    #home #featured article { width: 49%; float: left; }
    #home #featured article:nth-child(even) { float: right; }

    #featured article:nth-last-of-type(1),
    #featured article:nth-last-of-type(2) { margin: 0; }



    #magazine-teaser #teaser-wrapper .cover { width: 33.3333%; margin: 0;  }
    #magazine-teaser #teaser-wrapper .info { width: 66.6666%; padding: 40px; }


    #latest #posts { width: 66.6666%; margin: 0; }
    #latest #social-sidebar { width: 33.3333%; padding: 0 0 0 15px; }



    /* XX Posts
    ------------------------------------*/




    /* XX Single
    ------------------------------------*/
    .single article { width: 75%; padding: 0 40px 0 0; }
    .single aside { width: 25%; }


    .single #article-header h1 { font-size: 3em; }





    #author-list .author { width: 31.3%; height: 450px; }

    #topic-list .topic { width: 48%; height: 260px; overflow: hidden; margin: 0 1% 20px 1%; }



    #error-page { min-height: 1000px; }
    #error-page #info #text h3 br { display: block; }
    #error-page #info #foreground { float: right; margin: 0 100px 0 0; }




    article.cat-primary .thumbnail { height: 500px; }

    article.cat-secondary { width: 49.5%; margin-right: 1%; }
    article.cat-secondary:last-of-type { margin-right: 0; }

    article.cat-secondary .thumbnail-wrapper,
    article.cat-secondary .thumbnail,
    article.cat-secondary .overlay { height: 350px; }

    article.cat-tertiary { width: 32.6666%; margin-right: 1%; }
    article.cat-tertiary:nth-child(3n) { margin-right: 0; }

    article.cat-basic { width: 32.6666%; margin-right: 1%; }
    article.cat-basic:nth-child(3n) { margin-right: 0; }
    article.cat-basic:nth-child(4),
    article.cat-basic:nth-child(5),
    article.cat-basic:nth-child(6) { border-bottom: 5px solid #f1f1f1; }

    footer #footer-wrapper { padding: 40px 0; }
    footer #footer-wrapper > section {  padding: 0; }
    footer #footer-wrapper > #copyright { float: left; width: 66.6666% }
    footer #footer-wrapper > #social-nav { float: right; width: 33.3333%; }
    footer #copyright #colliers-logo { float: left; margin: 0; }
    footer #copyright p { padding: 5px 0 0 12px; float: left; max-width: 75%; }
    footer #copyright p span { display: block; }
    footer #copyright p a { display: inline-block; padding: 10px 10px 0 0 ; }
    section.social a { margin: 0 5px 0 0; }

    footer #footer-wrapper #footer-nav { text-align: center; padding: 20px 0 0 0; }
    footer #footer-nav a { font-size: 1.25em; }

    footer #social-nav #social-nav-wrapper { width: auto; float: right; padding: 9px 0 0 0; }
}

/* 975 */
@media screen and (max-width: 975px){ /*max!*/
    .half-block{
        width: 96%;
    }
}

/* 1024 + */
@media screen and (min-width:1024px) {



    header #logo #logo-type { max-width: 290px; }
    header nav ul li { padding: 0 0 0 20px; }

    header nav ul { padding: 45px 0 0 0; }
    header nav ul li a { font-size: 1.125em; white-space:nowrap; }


    footer #copyright p span { display: inline; }
    footer #copyright p { padding: 16px 0 0 12px; max-width: 90%; }
    footer #copyright p a { padding: 0 0 0 20px; }

    .photo-archive .photo { width: 23%; }


    #posts.archive article.visual { width: 24%; }


    .post-type-archive-photo #featured-photo .info { width: 40%; margin: 0; padding: 0 80px 0 0; }
    .post-type-archive-photo #featured-photo .photo { width: 60%; }

    .photo-content .info { position: absolute; bottom: 0; left: 0; background: rgba(0, 0, 0, 0.7); }
    .photo-content .info p { font-size: 1em; }


    #related-articles #posts .post { width: 31.3%; height: 160px; overflow: hidden; margin: 0 1% 20px 1%; }
    #related-articles .section-header { margin-left: 1%; }

}



/* 1200 + */
@media screen and (min-width:1200px) {



    /* 04 Header
    ------------------------------------*/
    header nav { width: auto; float: right; }



    /* XX Hero
    ------------------------------------*/

    #author-list .author { width: 23%; height: 480px; }
    #author-list .author img { max-width: 100%; }
    #topic-list .topic { width: 23%; height: 260px; }

    #author-details .info { width: 40%; color: #4b4b4b; }
    #author-details .social { width: 25%; padding: 0 0 0 60px; }

    #related-articles #posts .post { width: 31.3%; height: 140px; overflow: hidden; margin: 0 1% 20px 1%; }






    /* 03 Layout
    ------------------------------------*/
    header .wrapper,
    header .category-subnav .wrapper,
    .wrapper,
    .photo-archive .wrapper { padding: 0; }

            .featured-magazines {
                width: 1150px;
            }
            .featured-article-wrapper {
                width: 360px;
            }




}