/* Main */
.main-wrapper {
    display: grid;
    margin-top: 16px;
}


.toblerone-container-img {
    text-align: center;
}

#wrapper-sb-slider {
    position: relative;
    margin-bottom: 0px;
}

.arrow {
	position: absolute;
	top: 50%;
	width: 2vmin;
	height: 2vmin;
	background: transparent;
	border-top: .3vmin solid white;
	border-right: .3vmin solid white;
	box-shadow: 0 0 0 lightgray;
	transition: all 200ms ease;
}

.arrow.left {
    left: 6px;
    transform: translate3d(0, -50%, 0) rotate(-135deg);
}
.arrow.right {
    right: 6px;
    transform: translate3d(0, -50%, 0) rotate(45deg);
}
.arrow:hover {
    border-color: #B4CBE5;
    box-shadow: 0.2vmin -0.2vmin 0 white;
}

.arrow:before {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-40%, -60%) rotate(45deg);
    width: 200%;
    height: 200%;
}

div.position-3\:4 {
    margin-left: 0;
}


/* SERVICIOS AL PÚBLICO */
.sevicios-container {
    background-color: #b4cbe5;
    text-align: center;
}

.sevicios-container.standard-topic h2 {
    color: #2d4f79;
    border-left: 0px;
}

.sevicios-container ul {
    padding-left: 0px;
}

.sevicios-container li a,
.sevicios-container li a:visited {
    color: #2d4f79;
    font-size: 18px;
    text-decoration: none;
}

.sevicios-container li a:hover {
    color: #2c786e;
}


/* Next & previous buttons */
.prev, .next {
    cursor: pointer;
    position: absolute;
    top: 50%;
    width: auto;
    margin-top: -22px;
    padding: 16px;
    color: white;
    font-weight: bold;
    font-size: 18px;
    transition: 0.6s ease;
    border-radius: 0 3px 3px 0;
    user-select: none;
}
  
  /* Position the "next button" to the right */
.next {
    right: 0;
    border-radius: 3px 0 0 3px;
}

.prev {
    left: 0;
}

  /* On hover, add a black background color with a little bit see-through */
.prev:hover, .next:hover {
    background-color: rgba(29, 68, 109, 75%);
}

/* new section */

.news-toblerone {
    display: block;
    grid-template-columns: 1fr 1fr 1fr 1fr;
}


.newrotatednews h2 a,
.newrotatednews h2 a:visited{
    text-decoration: none;
    color: #2C4E78;
}

.toblerone-container {
    grid-column-end: span 1;
}

.section_plecas {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-template-areas: 
    "b b"
    "a c"
    "e e"
    "d f";
    grid-column-gap: 0px;
    grid-row-gap: 12px;
    margin-bottom: 12px;
    justify-items: center;
}

.informes {
    grid-area: a;
}
.plazas {
    grid-area: b;
}
.transparencia {
    grid-area: c;
}
.covid {
    grid-area: d;
}
.becas{
    grid-area: e;
}
.docencia {
    grid-area: f;
}

.section_buttons {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-column-gap: 0px;
    margin-bottom: 12px;
    margin-top: 16px;
    justify-items: center;
}

#avisos h2 a,
#intercambio h2 a,
.newrotatednews h2 a:visited {
    text-decoration: none;
    color: #2C4E78;

}

.new_avisos{
    display: grid;
    grid-template-columns: 1fr;
    justify-content: center;
    margin-bottom: 16px;
    column-gap: 10px;
}

#intercambio{
    background-color: #dde9f2;
}

.tileItem {
    margin-left: 10px;
}


@media (min-width: 768px) {
    .main-wrapper {
        grid-template-columns: 3fr 1fr;
        grid-template-areas:
            "a  c";
        column-gap: 3px;
        justify-content: center;
    }

    .newrotatednews {
        grid-column-end: span 3;
    }

    .newrotatednews {
        grid-area: a;
    }

    .toblerone-container {
        grid-area: c;
    }

    .toblerone-container h2 {
        margin-bottom: 16px;
    }

    .standard-topic {
        margin-top: 0px;
    }

    .sevicios-container {
        padding-top: 10px;
        padding-bottom: 10px;
    }

    .sevicios-container ul {
        display: flex;
        justify-content: space-evenly;
    }

    .new_avisos{
        display: grid;
        grid-template-columns: 1fr 1fr;
        justify-content: center;
        margin-bottom: 16px;
        column-gap: 10px;
    }

    .section_buttons {
        display: grid;
        grid-template-columns: 1fr 1fr 1fr 1fr;
        grid-column-gap: 0px;
        margin-bottom: 12px;
        margin-top: 16px;
        justify-items: center;
    }

    .section_plecas {
        grid-template-columns: 1fr 2fr 1fr;
        grid-template-areas: 
        "a b c"
        "d e f";
        grid-column-gap: 0px;
        grid-row-gap: 12px;
        margin-bottom: 12px;
        justify-items: center;
    }

}