/*
schermbreedte >= 1170 px
*/


.contest-intro {
    overflow: hidden;
}
.contest-intro .content-intro {
    float: left;
    width: 70%;
}
.contest-intro .content-img {
    float: left;
    width: 30%;
    margin-bottom: 35px;
}
.contest-intro .content-img  img {
    display: block;
    margin: 0 auto;
}
.contest-q1, .contest-q2 {
    position: relative;
    /* als er een foto naast de vraag staat
    padding-left: 35%;
    */
}
.question-img {
    position: absolute;
    left: 0;
    top: 0;
}
.contest.contest-participate {
    overflow: hidden;
}

.hidden-lg {
    display: none !important;
}

/* =Header
-------------------------------------------------------------- */
#page-header a#site-logo {
    background: url("../css/img/logo.png") no-repeat scroll left 22px transparent;
}
#page-content {
    padding-top: 15px !important;
}
#page-header #header-menu #tabs .panel {
    margin-top: 0px;
}
#page-header > .inner, #page-content > .inner, #page-footer > .inner, #page-before-footer > .inner, #page-header #header-menu #tabs .panel > .inner {
    width: 1170px;
}
#page-header #header-menu {
    margin: 0;
}
body.page-home #page-main .block-num-1, body.page-home #page-main .block-num-2,
body.page-home #page-main .block-num-3, body.page-home #page-main .block-num-4, body.page-home #page-main .block-num-5,
body.page-home #page-main .block-num-6, body.page-home #page-main .block-num-7
{
    width: 49% !important;
}
body.page-home #page-main .block-num-2, body.page-home #page-main .block-num-3, body.page-home #page-main .block-num-7{
    float: right;
}
body.page-home #page-main .block-num-6{
    clear: left;
}
/*
body.page-home #page-main .block-num-1, body.page-home #page-main .block-num-2, body.page-home #page-main .block-num-4, body.page-home #page-main .block-num-5, body.page-home #page-main .block-num-6, body.page-home #page-main .block-num-7 {
    width: 49% !important;
}

body.page-home #page-main .block-num-1, body.page-home #page-main .block-num-4, body.page-home #page-main .block-num-6 {
    margin-right: 2%;
}
body.page-home #page-main .block-num-0 .block-content, body.page-home #page-main .block-num-1 .block-content, body.page-home #page-main .block-num-2 .block-content, body.page-home #page-main .block-num-3 .block-content, body.page-home #page-main .block-num-4 .block-content, body.page-home #page-main .block-num-5 .block-content, body.page-home #page-main .block-num-6 .block-content {
    margin-right: 0;
}
*/

/* =Navigatie
-------------------------------------------------------------- */
#tab-dogs .block-num-0, #tab-search .field-search-type, #tab-mydog .block-mydog-intro {
    width: 30%;
    margin-right: 40px;
}
#tab-dogs .block-num-1,  #tab-search .field-search-breed, #tab-mydog .block-mydog-login {
    padding-left: 40px;
    border-left: 1px solid #9fd07f;
}
#tab-search .field-search-breed {
    width: 30%;
}
#tab-mydog .block-mydog-intro, #tab-mydog div.block-mydog-login {
    float: left;
}
#tabs form .form-fields::after, form .form-buttons::after {
    overflow: hidden;
}

/* =Structuur
-------------------------------------------------------------- */
body.page-home #page-main .block-num-0 {
    width: 100%;
    float: none;
    clear: both;
}
body.page-home #page-main .block-num-0, body.page-home #page-main .block-num-2, body.page-home #page-main .block-num-4 {
    clear: none;
}
body.page-home #page-main .block-num-4{
    margin-bottom: 0;
}
body.page-home #page-main .block-num-5 figure{
    max-width: 250px;
}
#page-side {
    width: 320px;
    max-width: 320px;
}
#page-main {
    background: none;
    width: 850px;
}

.page-home #page-content .block-dogs_info h2, .page-home #page-content .block-cmp_search h2 {
    display: inline-block;
}
body.page-home #page-main .block-num-1 .block-content, body.page-home #page-main .block-num-3 .block-content, body.page-home #page-main .block-num-5 .block-content, body.page-home #page-main .block-num-6 .block-content {
    margin: 0;
}
#page-main > .inner {
    margin: 25px 0 0 35px;
}
#tab-dogs .form-fields .form-field:nth-child(2) .noUi-handle-lower::after, #tab-dogs .form-fields .form-field:nth-child(2) .noUi-handle-upper::after{
    top: -7px;
    left: 4px;
}
#tab-dogs .block-num-1 .form-field-minmax {
    padding-right: 20px;
}
#tab-dogs .block-num-1 .form-field-minmax:last-child {
    padding-bottom: 0;
    margin-bottom: 0;
}
#page-header #header-menu #tabs .panel > .inner {
    padding: 17px;
}

#page-side form label#dog-url, #page-main form label#dog-url, #page-main  label#search-type, #page-main  label#search-breed {
    display: none !important;
}
#page-side .block .block-content, #page-before-footer .block .block-content {
    padding: 5px 25px 25px;
}
#page-side .block .block-header h2, #page-before-footer .block .block-header h2 {
    margin-left: 25px;
}
#page-side .form-fields div {
    margin-bottom: 7px;
}
#page-side .block-dogs_ideal .form-fields div {
    margin-bottom: 0;
}
#page-main .block {
    margin-bottom: 30px;
}
#page-side .block-num-0 {
    margin-top: 22px;
}
#page-side .block-num-0.block-doghead {
    margin-top: 0 !important;
}


/* =Home
-------------------------------------------------------------- */
.page-home .block-num-0 .block-content {
    margin-right: 0 !important;
}
.page-home .block-num-1.block-cmp_search h2{
    padding-left: 20px;
    padding-top: 0;
}
#page-main .block.block-image {
    margin-bottom: 50px;
}
.page-home 	#page-main .block.block-num-0 {
    margin-bottom: 15px;
}

.page-home #page-content .block-num-7, .page-home #page-content .block-num-8 {
    width: 50%;
    float: left;
}
.page-home #page-content .block-news {
    min-height: 250px;
}
.block-pups .block-header .block-header-extra {
    margin: 15px 25px 10px 0 !important;
}
.page-home #page-main .block-events, .page-home #page-main .block-news {
    height: 304px !important;
}


/* =Ideale rashond
-------------------------------------------------------------- */
table#ideal-dog td:nth-child(1) {
    width: 38%;
}

/* =breed
-------------------------------------------------------------- */
#breed-hero {
    position: relative;
}
figure.breed-hero-img {
    width: 550px;
}
#breed-data.photo #breed-hero {
    float: left;
    margin-bottom: 2em;
    width: 550px;
}
a.breed-hero-video {
    width: 100%;
    position: absolute;
    left: -2px;
    right: 0;
    top: -2px;
    bottom: 0;
}
.breed-photo:hover {
    opacity: 0.7;
}
#breed-scores {
    width: 225px;
}
#breed-scores p.breed-score {
    height: auto;
    margin-bottom: 20px;
}
.breed-pups.block {
    padding: 0 15px 15px 30px;
}
.breed-pups .block-content {
    clear: both;
    padding-top: 15px;
}
#breed-breeders {
    text-align: right;
}

/* =Fokkers
-------------------------------------------------------------- */
.search-results .search-result {
    width: 48% !important;
    height: 175px;
}
.search-results .search-result-pro {
    height: 178px !important;
    width:  100% !important;
}
.search-results .search-result-full {
    height: 208px  !important;
    width:  100% !important;
}
.search-results .search-result.search-result-full {
    width: 100% !important;
    height: auto !important;
}

/* =Mydog
-------------------------------------------------------------- */
.mydog-user-graph .mydog-user-graph-inner {
    padding: 10px !important;
}
.md-graph-panel .mydog-user-graph {
    float: left;
    width: 48% !important;
}
.mydog-user-graph {
    margin-right: 30px;
}
#mydog-fold {
    margin: 60px 0 30px !important;
}
#mydog-hero-avatar figure {
    height: 112px;
    width: 160px;
}
#page-side .block .block-header .block-header-extra {
    margin: 14px 8px;
}
#md-user-info figure, #md-company-info figure {
    height: 150px;
    width: 150px;
    margin-bottom: 15px;
}
.md-subprofile a h4 {
    max-width: 180px;
    line-height: 140%;
}

/* =Pups
-------------------------------------------------------------- */
.btn-add-pup {
    margin-top: -35px;
}
/*.dog-inner .thumbnail-reel img {
        max-width: 22.5%;
        float: left;
        margin-right: 15px;
        margin-bottom: 15px;
}*/
.dog-inner .photo-reel figure:nth-child(4n) a img {
    margin-right: 0;
}

/* =Fotoalbum 
-------------------------------------------------------------- */
.md-album, .album-photos figure, .media-album {
    display: inline-block;
    padding-right: 19px;
    margin-bottom: 19px;
    width: 31%;
}
.md-album:nth-child(3n), .album-photos figure:nth-child(3n) {
    padding-right: 0;
}
.md-album img {
    padding: 7px;
    border: 2px solid #ebebeb;
    margin-bottom: 10px;
}
.album-photos img {
    border: 1px solid #ebebeb;
}

/* =Pro
-------------------------------------------------------------- */		
.abe-text-img-content .abe-text-content {
    width: 66%;
}
.pp-photos a.pp-photo img {
    margin: 1em auto 0;
    width: 60%;
}

/* =Sidebar
-------------------------------------------------------------- */
#page-side .block.block-banner {
    padding-left: 10px;
}
#page-side .block-image {
    height: 245px;
}
#page-side .block .block-header h2, #page-before-footer .block .block-header h2, .breed-pups h2, .page-home #page-content .block-events h2, .page-home #page-content .block-news h2, .page-home #page-content .block-calculator h2   {
    font-size: 16px;
    font-weight: 600;
    line-height: 35px;
    padding: 2px 20px 2px 15px;
    text-transform: uppercase;
}

#page-side form label#search-type, #page-side form label#search-breed{
    margin-bottom: 15px;
}
#page-side form label#search-breed {
    margin-top: 15px;
}

/* =vrienden
-------------------------------------------------------------- */
.friends-results .ffinder-items a {
    float: left;
    width: 46.2%;
}
.friends-results .ffinder-items a:nth-child(2n) {
    margin-left: 4%;
}
#page-side .block.block-md-ffinder .block-content a.btn-ffinder {
    padding: 3px 0;
}

/* =inbox
-------------------------------------------------------------- */
#inbox-content #inbox-window #inbox-window-content {
    border: 1px solid #eee;
}
#inbox-content #inbox-recent {
    background: none !important;
}
.inbox-recent {
    background: #ffffff !important;
}
.inbox-recent.inbox-recent-current {
    background: #eee !important;
    border-right: 0 !important;
}
.inbox-recent:hover {
    cursor: pointer;
    background: #eee !important;
}
.inbox-recent-inner {
    padding-top: 0;
}
#inbox-content #inbox-recent div.inbox-recent .inbox-recent-content {
    width: 78%;
}
#inbox-content #inbox-recent div.inbox-recent h3 {
    height: 30px;
    line-height: 30px;
}
/*.inbox-recent.inbox-recent-current:hover {
        background: #ffffff !important;
}*/

.field-dog-photos {
    margin-top: 30px;
}
.field-dog-photos label[for=dog-photos] {
    display: none;
}
#inbox-content #inbox-window {
    margin-bottom: 50px;
}


/* =Forms
-------------------------------------------------------------- */
#tab-mydog form label {
    width: 22%;
}
#tab-mydog input {
    width: 50%;
}

div.minmax, #tab-dogs .block-num-1 div.minmax {
    padding: 20px 13px 20px 18px;
}
#tab-mydog .block.block-mydog-login {
    width: 65.7% !important;
}

/* =Footer
-------------------------------------------------------------- */
#page-main #page-before-footer {
    margin-top: 30px;
}
#page-footer {
    margin-top: 75px;
}
#page-footer .inner {
    padding: 30px 0 30px !important;
}
#page-footer .block {
    width: 25%;
    float: left;
}



div.news-categories div.news-category{
    box-sizing: border-box;
    width: 48%;
    float: right;


}
div.news-category-row div:nth-child(2) {
    margin-left: 4%;
}
div.news-categories div.news-category:nth-child(odd){
    float: left;
    clear: both;
}
div.news-categories div.news-category figure{
    display: block;
    margin-bottom: 10px;
}


#page-main .news-related ul{
    float: left; 
    width: 40%;
}
#page-main .news-related ul:nth-child(even){
    float: right;
}
#page-main .news-related h2{
    background: transparent url(../css/img/grad-blue.png) repeat-x scroll left center !important;
    line-height: 40px;
    color: #ffffff !important;
    float: left;
    position: relative;
    margin-top: -4px;
}

.news-category-row {
    display: flex !important;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
}
body.page-breed #page-main .block-dogs_info{
    display: none;
}
#page-main form .form-fields .form-field table input{
    width: 100%;
}
#page-main div.block-calculator .block-header-extra{
    margin: 25px;
    margin-left: 0;
}
#page-main div.block-calculator .explain-expand{
    display: block;

}
#page-main form .form-fields .form-field table {
    margin-bottom: 30px;
}

body.page-home #page-main .block-num-3 form label{
    font-size: 1.2em;
}