/*
-----------------------------------
	NETWORKS CHOICES
-----------------------------------
*/


@media (min-width: 992px) {
	
	.network-choice .col-md-6 {
		padding-right:0;
		padding-left:0;
	}
	
	.network-choice .row .col-md-6:nth-child(odd) {
		padding-left:15px;
	}
	.network-choice .row .col-md-6:nth-child(even) {
		padding-right:15px;
		border-left: 1px solid rgba(0,0,0,0.07);
		box-shadow:-1px 0 0 #fff;
	}
	
}

	/*
	-----------------------------------
		NETWORKS CHOICES / MODAL
	-----------------------------------
	*/
	
	.network-choice .modal-body {
		padding:0;
	}

	/*
	-----------------------------------
		NETWORKS CHOICES / ITEM
	-----------------------------------
	*/

	.network-choice .network-item {
		display:table;
		width:100%;
		padding:10px 15px;
		background-color: rgba(0,0,0,0.02);
		border-bottom: 1px solid rgba(0,0,0,0.07);
		border-top: 1px solid #fff;
	}
	
	.network-choice .network-item:hover {
		text-decoration:none;
		background-color: rgba(0,0,0,0.04);
	}
	
	.network-choice .network-item > div {
		display:table-cell;
		vertical-align:middle;
	}

	/*
	-----------------------------------
		NETWORKS CHOICES / MEDIA
	-----------------------------------
	*/

	.network-choice .network-media {
		padding:0 0 0 10px;
		width:40px;
		height:40px;
	}
	
	.network-choice .network-thumb {
		width:40px;
		height:40px;
		border-radius:3px;
		background-size:cover;
		background-position:50% 50%;
		background-repeat:no-repeat;
	}
	
	.network-choice .network-lg .network-thumb {
		width:60px;
		height:60px;
	}
	
	/*
	-----------------------------------
		NETWORKS CHOICES / BODY
	-----------------------------------
	*/
	
	.network-choice .network-body {
		padding:0 15px;
	}
	
	.network-choice .network-body .network-help {
		color:#888;
		margin-bottom:0;
	}
	
		/*
	-----------------------------------
		NETWORKS CHOICES / CHECK
	-----------------------------------
	*/
	
	.network-choice .network-check {
		width:40px;
		text-align:center;
	}
	
	.network-choice .network-check i {
		font-size:180%;
		visibility:hidden;
	}
	
	.network-choice .network-item:hover .network-check i {
		visibility:visible;
	}
/* Override certain styles from group module */
div#manageAccess-category-7 .ui_manageAccess-network-body header {
    display: none;
}

div#manageAccess-category-7 .ui_manageAccess-list-row {
    display: block;
}

div#manageAccess-category-7 .ui_manageAccess-list-row .ui_manageAccess-network {

}

@media (max-width: 767px) {
    div#group-network-structure .ui_manageAccess-list .ui_manageAccess-list-row {
        display: grid;
    }
  
  .panel-info-form a {
        text-decoration: underline;
    }
}

/* helper class to avoid breaking the layout with long strings (e.g. URLs) */
.break-word {
    overflow-wrap: break-word;
}

/* general styling after public agora */

.thumbnail {
    min-height: 10rem;
    background-color: #f9f9f9;
}

.subtitle-aligned, .see-all-link {
    margin-right: auto;
    margin-left: auto;
    padding-left: 15px;
    padding-right: 15px;
    width: 750px;
}

.see-all-link {
    margin-top: 1rem !important;
    font-size: 1rem;
}

.see-all-link a {
    color: #255D7D !important;
}

@media (min-width: 992px) {
    .subtitle-aligned,.see-all-link {
        width: 970px;
    }
}

@media (min-width: 1200px) {
    .subtitle-aligned, .see-all-link {
        width: 1170px;
    }
}

.home-entry .item-labels {
    background-color: #94cf55;
    padding: 4px;
    border-radius: 4px;
    margin: 0 0 8px -10px;
    font-size: 1.5rem;
    width: fit-content;
    display: flex;

    .item-type-label {
        font-size: 50%;
        font-weight: bold;
    }
}

.home-entry:hover .item-labels {
    background-color: #1fafc2;
}

.home-entry-default::after {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: rgba(255, 255, 255, 0.5);
}

#main-content .home-entries .homepage-element {
    margin-right: auto;
    margin-left: auto;
    padding-left: 15px;
    padding-right: 15px;
}

@media (max-width: 991px) {

    #home-presentation .row {
        display: flex;
        flex-direction: column;
        width: 100vw;

        .col-md-4 {
            max-width: 100%;
            width: 100%;
        }

        .home-procedure-step {
            display: flex;
            justify-content: space-between;

            .home-procedure-step-item {
                flex-grow: 1;
            }
        }

        .col-md-8 {
            max-width: 100%;
            width: 100%;
        }

    }

    .home-about {
        width: 100vw;
    }

    .home-entries .container {
        padding: 0;
    }

    .home-entry {
        flex-basis: unset;
        width: 100vw;
    }
}