i.raphael-icon {
    margin-right: 20px;
}

a {
    color: #ff7200;
}

div.footer {
    margin-top: 30px;
    padding-top: 10px;
}

.quote-text {
    margin-top: 5px;
    color: #7A8288;
    font-size: 16px;
    font-style: italic;
}

.quote-author {
    margin-top: 5px;
    color: #7A8288;
    font-size: 14px;
    font-weight: bold;
}

textarea {
    color: #52575c;
}

.custom-dropdown-menu {
    position: absolute;
    top: 100%;
    z-index: 1000;
    display: none;
    min-width: 160px;
    padding: 5px 0;
    margin: 0px 0 0;
    list-style: none;
    background-color: #3a3f44;
    border: 1px solid #ccc;
    border: 1px solid rgba(0, 0, 0, 0.2);
    *border-right-width: 2px;
    *border-bottom-width: 2px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
    -webkit-background-clip: padding-box;
    -moz-background-clip: padding;
    background-clip: padding-box;
}

.custom-dropdown-menu > li > a {
    display: block;
    padding: 3px 20px;
    clear: both;
    font-weight: bold;
    line-height: 25px;
    color: #c8c8c8;
    white-space: nowrap;
}

.custom-dropdown-menu > li > a:hover,
.custom-dropdown-menu > li > a:focus,
.dropdown-submenu:hover > a,
.dropdown-submenu:focus > a {
    color: #ffffff;
    text-decoration: none;
    background-color: #22262a;
    background-image: -moz-linear-gradient(top, #272b30, #1c1e22);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#272b30), to(#1c1e22));
    background-image: -webkit-linear-gradient(top, #272b30, #1c1e22);
    background-image: -o-linear-gradient(top, #272b30, #1c1e22);
    background-image: linear-gradient(to bottom, #272b30, #1c1e22);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff272b30', endColorstr='#ff1c1e22', GradientType=0);
}

/*Generated by http://charliepark.org/bootstrap_buttons/ */
.btn-custom {
    background-color: hsl(20, 79%, 30%) !important;
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#e56423", endColorstr="#883810");
    background-image: -khtml-gradient(linear, left top, left bottom, from(#e56423), to(#883810));
    background-image: -moz-linear-gradient(top, #e56423, #883810);
    background-image: -ms-linear-gradient(top, #e56423, #883810);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #e56423), color-stop(100%, #883810));
    background-image: -webkit-linear-gradient(top, #e56423, #883810);
    background-image: -o-linear-gradient(top, #e56423, #883810);
    background-image: linear-gradient(#e56423, #883810);
    border-color: #883810 #883810 hsl(20, 79%, 24.5%);
    color: #fff !important;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.36);
    -webkit-font-smoothing: antialiased;
}

::selection {
    background: #ff7200;
}


[v-cloak] {display: none}

.user-controls {float: right; margin-bottom: 12px; text-align: right;}
.user-controls a {margin-right: 16px;}
.authenticated-controls a {display: block;}

dt {float: left; clear: both; width: 8em; text-align: left;}
dd {margin-left: 8em;}
.profile dt, .profile dd {margin-bottom: 6px;}
dd tt {font-size: 14px;}
.edit {font-size: 14px; vertical-align: middle;}

.index-sidebar .btn {max-width: 80%;}
.all-posts {text-align: center;}

iframe.youtube {max-width: 100%;}
.blog-post img, .blog-post p, .blog-post iframe {max-width: 100%;}


input[type="checkbox"] {margin: 0;}
label {display: inline; font-size: 12pt;}

.alert-error a {color: inherit; text-decoration: underline;}

.footer-copyright {
    float: right;
    font-size: 11px;
    text-align: right;
}

@media (max-width: 1199px) {
}

@media (max-width: 979px) {
    .span8-navbar {width: 100%;}
    
    .index-videos iframe.youtube {width: 400px;}
}

@media (max-width: 767px) {
    .nav li {margin-bottom: 1px;}
    
    .index-videos {width: 100%; text-align: center;}
    .index-sidebar .btn {max-width: 100%;}
    .index-sidebar {width: 70%; margin: auto;}
    .index-videos iframe.youtube {width: 600px;}
    
    .team-photo {max-width: 200px;}
    .partner-logo {max-width: 200px;}
    
    .footer-menu {clear: both;}
    
    .blog-post iframe {max-height: 56.25vw;}
}

@media (max-width: 500px) {
    .index-videos .index-sidebar {width: 225px; margin: auto;}
}