@charset "UTF-8";

/*===============================
=            CORE            =
===============================*/

.mobile-button {
  border: none;
  background: none;
  padding: 0;
}

/*===============================
=            VENDORS            =
===============================*/

/*===============================
=            MODULES            =
===============================*/

/**
	Gets a color defined in the $pantone Map

	@param {String}	$colorName - name of the color to get from the $pantone Map

	@return {String} color defined in the $pantone map
**/

/**
	Gets a color defined in the $color Map

	@param {String}	$colorName - name of the color to get from the $color Map

	@return {String} color defined in the $color map
**/

/**
	Gets a background color defined in the $color Map

	@param {String}	$colorName - name of the background color to get from the $color Map

	@return {String} background color defined in the $color map
**/

/**
	Gets a z-index defined in the $z-index Map

	@param {String}	$indexName - name of the z-index to get from the $z-index  Map

	@return {String} z-index defined in the  $z-index  map
**/

/**
	Foundation for Sites by ZURB
	foundation.zurb.com
	Licensed under MIT Open Source

	@group functions
**/

/**
 	Removes the unit (e.g. px, em, rem) from a value, returning the number only.

	@param {Number} $num - Number to strip unit from.

	@returns {Number} The same number, sans unit.
**/

/**
	Converts one or more pixel values into matching rem values.

	@param {Number|List} $values - One or more values to convert. Be sure to separate them with spaces and not commas. If you need to convert a comma-separated list, wrap the list in parentheses.
	@param {Number} $color-base [null] - The base value to use when calculating the `rem`. If you're using Foundation out of the box, this is 16px. If this parameter is `null`, the function will reference the `$color-base-font-size` variable as the base.

	@returns {List} A list of converted values.
**/

/**
	Converts a unitless, pixel, or rem value to em, for use in breakpoints.
**/

/**
	Converts a pixel value to matching rem value. *Any* value passed, regardless of unit, is assumed to be a pixel value. By default, the base pixel value used to calculate the rem value is taken from the `$global-font-size` variable.
	@access private

	@param {Number} $value - Pixel value to convert.
	@param {Number} $color-base [null] - Base for pixel conversion.

	@returns {Number} A number in rems, calculated based on the given value and the base pixel value. rem values are passed through as is.
**/

/* 
 *  Core Owl Carousel CSS File
 *  v1.3.3
 */

/* clearfix */

.owl-carousel .owl-wrapper:after {
  content: ".";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0;
}

/* display none until init */

.owl-carousel {
  display: none;
  position: relative;
  width: 100%;
  -ms-touch-action: pan-y;
}

.owl-carousel .owl-wrapper {
  display: none;
  position: relative;
  -webkit-transform: translate3d(0px, 0px, 0px);
}

.owl-carousel .owl-wrapper-outer {
  overflow: hidden;
  position: relative;
  width: 100%;
}

.owl-carousel .owl-wrapper-outer.autoHeight {
  transition: height 500ms ease-in-out;
}

.owl-carousel .owl-item {
  float: left;
}

.owl-controls .owl-page,
.owl-controls .owl-buttons div {
  cursor: pointer;
}

.owl-controls {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

/* mouse grab icon */

.grabbing {
  cursor: url(grabbing.png) 8 8, move;
}

/* fix */

.owl-carousel .owl-wrapper,
.owl-carousel .owl-item {
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
}

.owl-controls {
  margin-top: 10px;
  text-align: center;
}

.owl-controls .owl-page {
  display: inline-block;
  zoom: 1;
}

.owl-controls .owl-page span {
  display: block;
  width: 12px;
  height: 12px;
  margin: 5px 7px;
  filter: Alpha(Opacity=50);
  opacity: 0.5;
  border-radius: 20px;
  background: #869791;
}

.owl-controls .owl-page.active span,
.owl-controls.clickable .owl-page:hover span {
  filter: Alpha(Opacity=100);
  opacity: 1;
}

/****************************** PARA EL EJEMPLO ÉSTE ******************************/

#owl-multiple .owl-carousel {
  position: relative;
}

#owl-multiple .owl-carousel .item {
  background: #fff;
  padding: 5px;
  margin: 1px;
  color: #fff;
}

/* Gallery with thumbnails   */

.slider-gallery {
  margin: 0 -15px;
}

#owl-gallery .item img {
  display: block;
  width: 100%;
  height: auto;
}

#owl-thumbnails {
  overflow: hidden;
  position: absolute;
  bottom: 0;
  background: transparent url(../img/bg-slider-thumb.png) 0 0 repeat;
}

#owl-thumbnails .owl-wrapper-outer {
  width: 85%;
  margin: auto;
}

#owl-thumbnails .item {
  margin: 15px 5px;
  text-align: center;
  cursor: pointer;
  height: 84px;
  overflow: hidden;
}

#owl-thumbnails .item a {
  display: block;
}

#owl-thumbnails .item img {
  width: 100%;
  height: auto;
}

#owl-thumbnails .synced .item {
  border: 2px solid #fff;
}

/*FLECHAS*/

#owl-gallery .owl-controls {
  position: absolute;
  bottom: 80px;
  width: 100%;
  z-index: 9;
}

#owl-gallery .owl-controls .owl-prev,
#owl-gallery .owl-controls .owl-next {
  position: absolute;
  display: block;
  width: 19px;
  height: 49px;
  outline: none;
  text-indent: -999999px;
}

#owl-gallery .owl-controls .owl-prev {
  left: 15px;
  background: transparent url(../img/arrow-left.png) 0 0 no-repeat;
  content: " ";
}

#owl-gallery .owl-controls .owl-next {
  right: 15px;
  background: transparent url(../img/arrow-right.png) 0 0 no-repeat;
  content: " ";
}

/*===============================
=            VARIABLES          =
===============================*/

/*=====================================
=            Pantone		          =
=====================================*/

/*
	Here there are all the colors that will be present in the Web.

	NEVER include them colors directly in your scss files. You should create in the Colors sections all the links to those colors and include them instead

	The names are generated from http://www.color-blindness.com/color-name-hue/
*/

/*=====================================
=            Colors           		 =
=====================================*/

/*
	Here we decide the "conceptual" colors of the WEB. It englobes concepts as primary, secondary, tertiary, text, selected, lead, title, background...

	TRY NOT TO put here colors referencing Components or HTML tags (such as h1, h2, tbody, nav, user-form...).

	This colors can be included in scss files althought we can create intermediate colors referencing this ones if we need so.
*/

/**
	We now add colors referencing HTML Tags.

	This colors SHOULD reference those defined in the $color Map, althougt can reference $pantone (not ideally thought)
**/

/*
	DO NOT MODIFY NOR COMMENT:
	Merging the two maps. CAUTION, ATTRIBUTES WITH THE SAME NAME WILL BE OVERRIDED
*/

/** Brand colors to ease coloring based on current brand **/

/** Brand Colors Light with no opacity **/

/*===============================
=            COMPONENTS           =
===============================*/
.block-header-one-column .wrap-img-bg {
  max-height: 100px; /* Limita la altura máxima del contenedor */
  max-width: 50%; /* Limita el ancho a la mitad del contenedor (1 columna) */
  display: flex;
  justify-content: flex-start;
  align-items: center;
  height: auto;
}

.block-header-one-column .wrap-img-bg img {
  width: auto; /* Ajusta el ancho de la imagen al 100% del contenedor */
  max-height: 100%; /* Limita la altura máxima de la imagen */
  height: auto; /* Ajusta la altura proporcionalmente */
  object-fit: contain; /* Mantiene la proporción de la imagen */
}

.brand-secondary .ruler--dynamic {
  border-color: #73edff;
}

.brand-ri .ruler--dynamic {
  border-color: #38ff90;
}

.brand-x .ruler--dynamic {
  border-color: #ffe000;
}

.brand-corporate .ruler--dynamic {
  border-color: #ff7d87;
}

.brand-alumni .ruler--dynamic {
  border-color: #bd9eff;
}

.brand-media .ruler--dynamic {
  border-color: #ff87ff;
}

body {
  background-color: #fff !important;
}

main {
  padding-bottom: 10px;
}

.row {
  margin-right: -15px;
  margin-left: -15px;
}

[class^="col-"] {
  padding-right: 15px;
  padding-left: 15px;
}

/* TODO change to mq */

#mobile-menu-dropdown [data-dropdown-secondary-trigger] {
  margin: 10px auto;
}

#mobile-menu-dropdown .dropdown-secondary-content {
  clear: both;
}

#mobile-menu-dropdown .dropdown-secondary-content ul {
  margin-bottom: 0;
}

#mobile-menu-dropdown .dropdown-secondary-content li a {
  font-size: 16px;
  padding-left: 0;
  font-weight: normal;
}

#mobile-menu-dropdown .menu-header-mobile li a {
  font-weight: bold;
}

.menu-language-mobile li a {
  text-decoration: none;
}

.menu-language-mobile li a:after {
  content: "/";
  display: inline-block;
  position: relative;
  margin-left: 5px;
}

.menu-language-mobile li:last-child a:after {
  content: "";
}

.sub-header .menu-item a {
  color: #575757;
}

.sub-header .menu-item a:hover {
  color: #000078;
}

.sub-header .menu-item.active {
  font-weight: bold;
}

.sub-header .list--inline a {
  text-decoration: none;
  font-size: 20px;
  border-radius: 0;
  background: 0 0;
  position: relative;
  display: block;
  padding: 10px 15px;
}

.brand-header {
  max-height: none;
}

.brand-header .mobile-menu .menu-mobile-container {
  padding: 0;
}

.brand-header .mobile-menu .menu-mobile-container .top-logo {
  left: 0;
  float: left;
  position: relative;
  width: 57px;
}

.brand-header .mobile-menu .menu-mobile-container .top-logo img {
  height: auto;
}

.brand-header .mobile-menu .menu-mobile-container .top-slogan {
  float: right;
  padding-left: 10px;
  width: calc(100% - 57px);
}

.brand-header .nav-menu-top .top-logo {
  max-width: 57px;
  height: auto;
}

.brand-header .nav-menu-top .top-logo a {
  display: inline-block;
}

.brand-header .nav-menu-top .top-logo img {
  height: auto;
}

.brand-header .language-drop-down .btn,
.brand-header .language-drop-down .btn .icon {
  font-weight: bold;
}

.brand-header .language-drop-down .btn--no-pointer {
  cursor: default;
}

.nav-menu-top [class^="col-"] {
  padding-right: 10px;
  padding-left: 10px;
}

.nav-menu-title {
  line-height: 0.95;
}

footer .footer-title {
  font-family: "uoc-sans", Helvetica, Arial, sans-serif;
  font-size: 18px;
  line-height: 1;
  margin-bottom: 5px;
  position: absolute;
  bottom: 0;
}

footer .footer-menu {
  width: 100%;
  margin: 0;
  position: absolute;
  bottom: 0;
}

footer .footer-menu .dropdown-secondary__option.ruler {
  border: none;
}

footer .footer-menu .dropdown-secondary__option.ruler a {
  border-bottom-width: 5px;
  border-bottom-style: solid;
}

footer .footer-menu .dropdown-secondary__option.ruler--secondary a {
  border-color: #0a246a;
}

footer .footer-menu .dropdown-secondary__option.ruler--ri a {
  border-color: #38ff90;
}

footer .footer-menu .dropdown-secondary__option.ruler--x a {
  border-color: #ffe000;
}

footer .footer-menu .dropdown-secondary__option.ruler--corporate a {
  border-color: #ff7d87;
}

footer .footer-menu .dropdown-secondary__option.ruler--alumni a {
  border-color: #bd9eff;
}

footer .footer-menu .dropdown-secondary__option.ruler--media a {
  border-color: #ff87ff;
}

footer .footer-menu .dropdown-secondary__option__item {
  font-weight: normal;
  padding: 0 10px 0 0;
}

footer .footer-menu .dropdown-secondary__option__item:hover {
  text-decoration: none;
}

.icon--arrow-big.cropped-icon,
.icon--info-session.cropped-icon,
.icon--lab.cropped-icon,
.icon--pdf.cropped-icon,
.icon--pencil.cropped-icon,
.icon--pointer-maps.cropped-icon,
.icon--write.cropped-icon {
  top: 0;
}

.icon--alert.cropped-icon,
.icon--ask.cropped-icon,
.icon--book.cropped-icon,
.icon--clock.cropped-icon,
.icon--comment.cropped-icon,
.icon--heart.cropped-icon,
.icon--info.cropped-icon,
.icon--intrauoc.cropped-icon,
.icon--library-respons.cropped-icon,
.icon--list.cropped-icon,
.icon--material-epub.cropped-icon,
.icon--material-html5.cropped-icon,
.icon--material-mobipocket.cropped-icon,
.icon--material-video.cropped-icon,
.icon--material-web.cropped-icon,
.icon--news.cropped-icon,
.icon--paperwork.cropped-icon,
.icon--pencil.cropped-icon,
.icon--play.cropped-icon,
.icon--quote.cropped-icon,
.icon--repository.cropped-icon,
.icon--scroll-to.cropped-icon {
  right: 0;
}

.icon--calendar.cropped-icon,
.icon--campus.cropped-icon,
.icon--copy.cropped-icon,
.icon--edit.cropped-icon,
.icon--excel.cropped-icon,
.icon--grade.cropped-icon,
.icon--group.cropped-icon,
.icon--home.cropped-icon,
.icon--library.cropped-icon,
.icon--lock.cropped-icon,
.icon--material-pdf.cropped-icon,
.icon--mobile.cropped-icon,
.icon--ppt.cropped-icon,
.icon--profile.cropped-icon,
.icon--save.cropped-icon,
.icon--share.cropped-icon,
.icon--social-twitter-white.cropped-icon,
.icon--tutorship.cropped-icon,
.icon--user.cropped-icon,
.icon--word.cropped-icon,
.icon--write.cropped-icon {
  bottom: 0;
}

.icon--error-disconnect.cropped-icon,
.icon--error-server.cropped-icon,
.icon--folder.cropped-icon,
.icon--group.cropped-icon,
.icon--mail icon--material-audio.cropped-icon,
.icon--search.cropped-icon,
.icon--smiley.cropped-icon,
.icon--tutorship.cropped-icon,
.icon--volume.cropped-icon {
  left: 0;
}

.icon--search.icon--big:before {
  position: relative;
  left: -8px;
}

.icon--search.icon--big:before {
  position: relative;
  bottom: -5px;
}

.icon--search.icon:not(.icon--big):before {
  position: relative;
  left: -6px;
}

.icon--search.icon:not(.icon--big):before {
  position: relative;
  bottom: -4px;
}

.btn--arrow-right {
  padding: 9px 75px 9px 20px;
}

.btn--arrow-right:after {
  content: url(../img/arrow-right.png);
  position: absolute;
  width: 16px;
  height: 24px;
  right: 10px;
}

.btn--arrow-right.btn--primary:link {
  color: white;
}

.btn--arrow-left {
  padding: 9px 20px 9px 75px;
}

.btn--arrow-left:before {
  content: url(../img/arrow-left.png);
  position: absolute;
  width: 16px;
  height: 24px;
  left: 10px;
}

.btn--arrow-left.btn--primary:link {
  color: white;
}

a.btn-blue-uoc:link,
a.btn-blue-uoc:visited,
a.btn-blue-uoc:hover,
a.btn--arrow-right:link,
a.btn--arrow-right:visited,
a.btn--arrow-right:hover,
a.btn--arrow-left:link,
a.btn--arrow-left:visited,
a.btn--arrow-left:hover {
  color: white;
}

.btn.btn--primary.btn--arrow-right {
  float: right;
}

.text-small {
  font-size: 0.875rem;
  /* 14px */
  line-height: 0.9375rem;
  /* 15px */
}

.text-regular {
  font-size: 1.25rem;
  /* 20px */
  line-height: 1.375rem;
  /* 22px */
}

.title-level-2 {
  font-weight: bold;
  font-size: 1.75rem;
}

pre {
  line-height: 20px;
}

.uppercase-block,
.author-links {
  text-transform: uppercase;
  font-size: 0.875rem;
  /* 14px */
  line-height: 0.9375rem;
  /* 15px */
}

.ruler--inverse {
  border-bottom-width: 4px;
  border-top-width: 0;
}

.w100 {
  width: 100% !important;
}

.border-top--none {
  border-top: none !important;
}

.pull-left {
  float: left !important;
}

.pull-right {
  float: right !important;
}

.col-clear {
  padding-left: 0 !important;
  padding-right: 0 !important;
}

.col-clear-left {
  padding-left: 0 !important;
}

.col-clear-right {
  padding-right: 0 !important;
}

.search-form .form-group button {
  overflow: hidden;
  padding: 0;
  width: 55px;
}

.search-form .form-group .icon {
  float: left;
  font-size: 55px;
}

.search-form .form-group .icon--big {
  font-size: 4.9rem;
  max-height: 68px;
}

.search-form .form-group input,
.search-form .comment-form .form-group textarea,
.comment-form .search-form .form-group textarea {
  border: none;
  color: #333;
  font-family: "uoc-serif";
  font-size: 1.5rem;
  line-height: inherit;
  margin-top: 0;
  padding: 5px 5px 15px 15px;
  max-width: 70%;
}

.search-form--big .form-group button {
  width: 68px;
}

.search-form--big .form-group .icon {
  float: left;
  font-size: 68px;
}

.search-form--big .form-group input,
.search-form--big .comment-form .form-group textarea,
.comment-form .search-form--big .form-group textarea {
  border: none;
  color: #000078;
  font-family: "uoc-serif";
  font-size: 1.875rem;
  height: 68px;
  line-height: inherit;
  max-height: 68px;
  margin-top: 0;
  padding: 0;
  text-indent: 8px;
  max-width: 70%;
}

ul,
ol {
  font-size: 20px;
}

.list-tags {
  padding: 15px 0;
  margin-bottom: 20px;
}

.list-tags h5 {
  margin: 0 10px 0 0;
}

.list-tags ul {
  font-size: 0;
}

.list-tags ul li {
  padding: 0;
  font-size: 14px;
}

.list-tags ul li a {
  color: #575757;
  text-decoration: none;
  background: #f0f0f0;
  padding: 5px 15px;
  margin: 7px;
  display: inline-block;
}

.list-tags ul li a:hover {
  background: #ecf0f1;
}

#cookie-law-info-bar {
  width: 100%;
  position: fixed;
  left: 0;
  line-height: 1.42857143;
  bottom: 0;
  z-index: 10000;
  background-color: #f0f0f0 !important;
  color: #333 !important;
  font-size: 18px;
  text-align: left;
  border-top: none !important;
  padding: 15px 0 10px;
  box-shadow: none;
}

#cookie-law-info-bar > span {
  display: block;
  margin: 0 auto;
  max-width: 80%;
}

#cookie-law-info-bar #cookie_action_close_header {
  background: #000078 !important;
  border-radius: 0;
  bottom: 0;
  color: #ffffff !important;
  display: table;
  float: right;
  font-size: 17px;
  font-weight: 400;
  line-height: 2.25rem;
  margin: 8px 16px 0 auto;
  min-height: 2.25rem;
  padding: 4px 1em;
  position: relative;
  text-decoration: none;
  vertical-align: middle;
}

#cookie-law-info-bar #cookie_action_close_header:hover {
  text-decoration: underline;
}

#cookie-law-info-bar a {
  color: #000078 !important;
  text-decoration: underline;
}

#cookie-law-info-bar a:hover {
  color: #575757;
}

#cookie-law-info-again {
  background-color: #f0f0f0 !important;
  color: #333 !important;
  font-family: inherit !important;
  border: none !important;
  box-shadow: none;
}

#cookie_action_close_header {
  text-shadow: none !important;
  box-shadow: none !important;
}

.cli-plugin-button:active {
  top: initial;
}

.wp-caption.alignleft {
  float: left;
  margin: 0.5em 1em 0.5em 0;
}

.wp-caption.alignright {
  float: right;
  margin: 0.5em 0 0.5em 1em;
}

.wp-caption.aligncenter {
  margin: 0 auto;
  padding: 1em 40px;
}

blockquote > * {
  display: inline;
}

blockquote:before {
  content: "\201C";
}

blockquote:after {
  content: "\201D";
}

.text-quote {
  background-color: #f0f0f0;
  padding: 16px;
  font-style: italic;
  font-size: 1.5625rem;
  /* 25px */
  line-height: 1.6875rem;
  /* 27px */
  font-family: uoc-serif, Georgia;
  min-height: 91px;
  margin-bottom: 0.5rem;
}

.block-content-entry .wrap-content .text-quote p {
  font-size: 1.5625rem;
  /* 25px */
  line-height: 1.6875rem;
  /* 27px */
}

.text-quote > * {
  display: inline;
}

.text-quote:before {
  content: "\201C";
}

.text-quote:after {
  content: "\201D";
}

.text-hightlight {
  font-size: 1.25rem;
  /* 20px */
  line-height: 1.375rem;
  /* 22px */
  padding: 23px;
  background-color: #d5faff;
  margin-bottom: 0.5rem;
}

.aligncenter {
  margin: 0 auto;
  padding: 1em 40px;
  display: block;
}

.alignright {
  float: right;
  margin: 0.5em 0 0.5em 1em;
  display: block;
}

.alignleft {
  float: left;
  margin: 0.5em 1em 0.5em 0;
  display: block;
}

.block-content-entry .wrap-content .has-small-font-size {
  font-size: 17px;
}

.block-recent-posts {
  padding-bottom: 3.5rem;
}

.block-recent-posts img {
  display: table-cell;
  height: 61px;
  max-width: none;
  width: 63px;
}

.block-recent-posts .info {
  vertical-align: middle;
  display: table-cell;
  padding-left: 19px;
}

.block-recent-posts .info a {
  font-size: 18px;
}

.block-recent-posts .info a:hover {
  color: #333;
}

.block-recent-posts .info span {
  font-size: 15px;
}

.block-recent-posts .recent-block-item {
  display: table;
  min-height: 67px;
  width: 97%;
  padding: 7px 0;
}

.block-recent-posts .recent-block-item a {
  display: block;
  margin-bottom: 5px;
  text-decoration: none;
  line-height: 20px;
}

.block-recent-posts .recent-block-item .date {
  color: #575757;
  display: block;
  text-transform: uppercase;
  font-size: 15px;
}

.block-categories {
  padding-bottom: 3.5rem;
}

.block-categories ul {
  padding: 0;
}

.block-categories ul li {
  list-style-type: none;
  padding: 3px 0;
}

.block-categories ul li a {
  color: #575757;
  text-decoration: none;
  text-transform: uppercase;
  font-size: 18px;
}

.block-categories ul li a:hover {
  text-decoration: none;
}

.block-categories .length {
  color: #575757;
  font-size: 18px;
  cursor: pointer;
  float: right;
}

.block-categories .length:hover {
  text-decoration: none;
}

.widget_archive {
  border: 0 solid #d0d0d0;
  border-top-width: 4px;
}

.widget_archive .widget-title {
  margin-bottom: 16px;
}

.brand-secondary .widget_archive {
  border-color: #73edff;
}

.brand-ri .widget_archive {
  border-color: #38ff90;
}

.brand-x .widget_archive {
  border-color: #ffe000;
}

.brand-corporate .widget_archive {
  border-color: #ff7d87;
}

.brand-alumni .widget_archive {
  border-color: #bd9eff;
}

.brand-media .widget_archive {
  border-color: #ff87ff;
}

.widget_archive > ul {
  list-style: none;
  padding-left: 0;
}

.widget_archive > ul > li {
  padding-left: 0;
}

.widget_archive > ul > li:before {
  content: none;
}

.widget_archive > ul > li,
.widget_archive > ul > li > a {
  color: #575757;
}

.widget_archive > ul > li > a {
  text-decoration: none;
  text-transform: uppercase;
  font-size: 18px;
}

.widget_archive_badge {
  color: #575757;
  font-size: 18px;
  cursor: pointer;
  float: right;
  letter-spacing: 5px;
}

.block-tags ul {
  padding: 0;
}

.block-tags ul li {
  list-style-type: none;
  display: inline-block;
}

.block-tags ul li a {
  background: #f0f0f0;
  color: #333;
  padding: 4px 10px;
  text-decoration: none;
}

.block-tags ul li a:hover {
  text-decoration: underline;
}

.block-twitter .slider-twitter .ttf-tweet-image {
  float: left;
  width: 12%;
}

.block-twitter .slider-twitter .ttf-tweet-image a img {
  border-radius: 6px;
  max-width: 100%;
  height: auto;
}

.block-twitter .slider-twitter .ttf-tweet-content {
  float: right;
  width: 86%;
}

.block-twitter .slider-twitter .ttf-tweet-content a {
  color: #575757;
}

.block-twitter .slider-twitter .Tweet-actions {
  display: inline-block;
}

.block-twitter .slider-twitter .Tweet-actions .TweetAction--reply span {
  webkit-transform: scale(-1, 1);
  transform: scale(-1, 1);
}

.block-twitter .owl-controls {
  position: absolute;
  right: 0;
  top: -50px;
}

.block-twitter .owl-controls .owl-buttons .owl-prev {
  display: inline-block;
  padding-right: 10px;
}

.block-twitter .owl-controls .owl-buttons .owl-prev:after {
  display: inline-block;
  content: url(../img/icn-arrow.png);
  transform: rotate(270deg);
}

.block-twitter .owl-controls .owl-buttons .owl-next {
  display: inline-block;
}

.block-twitter .owl-controls .owl-buttons .owl-next:after {
  display: inline-block;
  content: url(../img/icn-arrow.png);
  transform: rotate(90deg);
}

.block-content-entry .wrap-content {
  overflow-wrap: break-word;
  word-wrap: break-word;
}

.block-content-entry .wrap-content h1 {
  font-size: 2.625rem;
}

.block-content-entry .wrap-content img {
  padding-bottom: 5px;
}

.block-content-entry .wrap-content .text-img {
  font-size: 15px;
  color: #575757;
  display: inline-block;
}

.block-content-entry .wrap-content p {
  margin-bottom: 20px;
  font-size: 1.25rem;
  line-height: 1.375rem;
  letter-spacing: 0.26px;
}

.block-content-entry .wrap-content .entry-category:not(:first-child) {
  padding-left: 0.5rem;
}

.block-content-entry
  .wrap-content
  .content__container
  img[class*="wp-image"].alignleft {
  float: left;
  margin: 0.5em 1em 0.5em 0;
}

.block-content-entry .wrap-content a,
.block-content-entry .wrap-content a:visited,
.block-content-entry .wrap-content a:link {
  text-decoration: underline;
}

.block-content-static img[class*="wp-image"].alignleft {
  float: left;
  margin: 0.5em 1em 0.5em 0;
}

.block-author .block-title {
  border-bottom: 1px solid #666;
  font-size: 1.25rem;
  line-height: 1.1;
  font-weight: 600;
  margin-bottom: 16px;
}

.block-author .block-title span {
  width: auto;
  display: inline-block;
  margin-bottom: -1px;
  padding-bottom: 8px;
  color: #000078;
}

.block-author .avatar-box {
  display: table;
  margin-top: 2.5rem;
  width: 100%;
}

.block-author .avatar-box img {
  border-radius: 86px;
  display: table-cell;
  float: left;
  height: 86px;
  max-width: 86px;
}

.block-author .avatar-box ul {
  margin-top: 6px;
  padding-left: 18px;
  float: left;
  list-style-type: none;
  display: table-cell;
}

.block-author .avatar-box ul li {
  margin-bottom: 8px;
}

.block-author .author-box:not(:last-child) {
  margin-bottom: 2.5rem;
}

.block-author .description-box {
  clear: both;
  display: inline-block;
  margin-top: 1.9rem;
}

.block-author .autor-contact-box {
  clear: both;
  margin-top: 1.9rem;
}

.block-comments {
  color: #575757;
}

.block-comments .block-title {
  line-height: 0.95;
  font-weight: 600;
  margin-bottom: 0;
  color: #000078;
}

.block-comments .comment {
  margin-top: 50px;
}

.block-comments .wrap-author-comment {
  margin-bottom: 20px;
}

.block-comments .wrap-author-comment .wrap-person-img {
  width: 100%;
  display: block;
  margin: 20px auto 0;
  border-radius: 50%;
  overflow: hidden;
}

.block-comments .wrap-author-comment .wrap-info-author {
  margin-top: 20px;
}

.block-comments .wrap-author-comment .wrap-info-author span {
  display: block;
}

.block-comments .wrap-author-comment .wrap-info-author .author {
  font-size: 16px;
  font-weight: bold;
}

.block-comments .wrap-author-comment .wrap-info-author .date {
  font-size: 12px;
  margin-bottom: 20px;
  text-transform: uppercase;
}

.block-comments .wrap-comment p {
  margin: 0 0 20px;
}

.block-comments .wrap-comment .btn-blue-uoc {
  display: inline-block;
}

.block-add-comment h2 {
  margin-bottom: 20px;
}

.comment-form .form-group input,
.comment-form .form-group textarea {
  border: none;
  background: #f0f0f0;
  border-radius: 0;
  padding: 6px 20px;
  box-shadow: none;
  font-size: 14px;
  width: 100%;
}

.comment-form .form-group textarea {
  resize: none;
  display: block;
  padding: 20px;
  width: 100%;
  font-size: 14px;
  height: 160px;
}

.comment-form textarea.input-has-error,
.comment-form input[type="text"].input-has-error,
.comment-form .form-group textarea[type="text"].input-has-error,
.comment-form input[type="email"].input-has-error,
.comment-form .form-group textarea[type="email"].input-has-error {
  border: 1px solid red;
}

.comment-form label.input-has-error,
.comment-form label.input-has-error a {
  color: red;
}

.comment-respond {
  padding-top: 40px;
}

.block-news .block-title {
  margin-top: 5px;
  margin-bottom: 15px;
}

.block-news a {
  display: block;
  text-decoration: none;
  padding-bottom: 10px;
  line-height: 18px;
  font-size: 18px;
}

.block-news img {
  padding-bottom: 15px;
}

.block-tabs .nav-tabs {
  padding-bottom: 0;
  padding-left: 0;
}

.block-tabs .nav-tabs li {
  margin-bottom: 0;
}

.block-tabs .nav-tabs li:first-child {
  margin-left: 0;
  padding-left: 0;
}

.block-tabs .nav-tabs li .tab {
  border-bottom-width: 4px;
  border-bottom-style: solid;
  border-top-width: 0;
  padding-bottom: 5px;
  margin-bottom: -1px;
}

.block-header-one-column,
.block-header-two-columns {
  position: relative;
  margin-top: 2rem;
}

.block-header-one-column .wrap-img-bg img,
.block-header-two-columns .wrap-img-bg img {
  display: block;
  height: 200px;
  width: auto;
  max-height: 230px;
}

.block-header-one-column .wrap-img-bg + .container .wrap-title,
.block-header-two-columns .wrap-img-bg + .container .wrap-title {
  position: absolute;
}

.block-header-one-column .wrap-title,
.block-header-two-columns .wrap-title {
  min-height: 138px;
  z-index: 1;
  padding: 20px;
}

.block-header-one-column .wrap-title a,
.block-header-two-columns .wrap-title a {
  text-decoration: none;
}

.block-header-one-column .wrap-title .header-title,
.block-header-two-columns .wrap-title .header-title {
  font-size: 30px;
  font-weight: bold;
  line-height: 0.95;
  margin: 0;
}

.block-header-one-column .wrap-title .header-subtitle,
.block-header-two-columns .wrap-title .header-subtitle {
  color: #000078;
  font-family: "uoc-serif", Georgia;
  font-size: 24px;
  line-height: 0.95;
  margin-top: 5px;
}

.block-header-one-column .wrap-title {
  top: 15%;
  width: 95%;
  height: 100%;
  left: 2.5%;
}

.block-header-two-columns .wrap-title {
  top: 0;
  margin-left: 0.75rem;
  margin-right: 0.75rem;
  width: 100%;
  height: 100%;
  left: 0;
}

.block-search .wrapper-search {
  margin: 6px 0;
}

.block-search-result-title .highlighted {
  font-weight: bold;
  color: #333;
  font-family: "uoc-sans", Helvetica, Arial, sans-serif;
}

.block-post-img,
.block-post-without-img {
  height: 100%;
  position: relative;
}

.block-post-img img,
.block-post-without-img img {
  margin-bottom: 20px;
}

.block-post-img p,
.block-post-without-img p {
  font-size: 1.25rem;
  line-height: 1.375rem;
}

.block-post-img a,
.block-post-without-img a {
  text-decoration: none;
}

.block-post-img h2,
.block-post-without-img h2 {
  font-size: 27px;
  margin: 20px 0;
  color: #000078;
}

.block-post-img h2:hover,
.block-post-without-img h2:hover {
  color: #575757;
}

.block-post-img .date a,
.block-post-img .comments a,
.block-post-without-img .date a,
.block-post-without-img .comments a {
  font-size: 0.875rem;
  /* 14px */
  line-height: 0.9375rem;
  /* 15px */
  margin-right: 10px;
}

.block-post-img .date a span,
.block-post-img .comments a span,
.block-post-without-img .date a span,
.block-post-without-img .comments a span {
  text-transform: uppercase;
}

.block-post-img .item-post-footer,
.block-post-without-img .item-post-footer {
  margin-top: 20px;
}

.block-post-img .item-post-footer .date,
.block-post-without-img .item-post-footer .date {
  font-size: 0.875rem;
  /* 14px */
  line-height: 0.9375rem;
  /* 15px */
  text-transform: uppercase;
}

.block-post-img .item-post-footer .add-comment,
.block-post-without-img .item-post-footer .add-comment {
  display: none;
}

.block-post-img .item-post-footer .comments-number,
.block-post-without-img .item-post-footer .comments-number {
  margin-left: 5px;
  display: inline-block;
  vertical-align: top;
}

.block-post-img .category-name,
.block-post-without-img .category-name {
  font-size: 0.875rem;
  /* 14px */
  line-height: 0.9375rem;
  /* 15px */
  display: block;
  font-weight: normal;
}

.block-post-featured {
  margin-bottom: 80px;
}

.block-post-without-img {
  background: #f0f0f0;
  padding: 25px;
  margin-bottom: 80px;
}

[class^="block-post"] .highlighted {
  font-weight: bold;
  font-family: uoc-sans, Arial;
}

.wrap-posts .block-post-img,
.wrap-posts .block-post-without-img {
  padding-bottom: 40px;
}

.wrap-posts .block-post-img h2,
.wrap-posts .block-post-without-img h2 {
  font-size: 27px;
}

.wrap-posts .block-post-img .item-post-footer,
.wrap-posts .block-post-without-img .item-post-footer {
  margin-top: 0px;
  position: absolute;
  bottom: 10px;
}

.wrap-posts .block-post-img .item-post-footer {
  width: 100%;
}

.wrap-posts .block-post-without-img .item-post-footer {
  width: 86%;
}

.block-privacy-links {
  padding-bottom: 3.5rem;
}

.block-privacy-links .menu {
  background-color: #f0f0f0;
  margin-bottom: 0;
  padding: 0.5rem;
}

.block-privacy-links .menu .menu-item:last-of-type {
  margin-bottom: 0;
}

.block-privacy-links .menu .menu-item,
.block-privacy-links .menu .menu-item a {
  color: #333;
  font-size: 18px;
}

.sidebar .block-privacy-links:first-child {
  margin-top: 0;
}

.frm_forms .table--privacy {
  margin-top: 3rem;
  margin-bottom: 3rem;
}

.table--privacy.table--borders tr th {
  border-bottom: 1px solid #000078;
  text-align: left;
}

/* TODO mixin to iterate this elements */

.brand-secondary header .main-header {
  background: #73edff;
}

.brand-secondary .border-line {
  border-bottom: 4px solid #73edff;
}

.brand-secondary .block-header-one-column .wrap-title,
.brand-secondary .block-header-two-columns .wrap-title {
  background: #73edff;
}

.brand-secondary .block-header-one-column .wrap-title.bg-lightgrey,
.brand-secondary .block-header-two-columns .wrap-title.bg-lightgrey {
  background: #d0d0d0;
  border-bottom: 4px solid #73edff;
}

.brand-ri header .main-header {
  background: #38ff90;
}

.brand-ri .border-line {
  border-bottom: 4px solid #38ff90;
}

.brand-ri .block-header-one-column .wrap-title,
.brand-ri .block-header-two-columns .wrap-title {
  background: #38ff90;
}

.brand-ri .block-header-one-column .wrap-title.bg-lightgrey,
.brand-ri .block-header-two-columns .wrap-title.bg-lightgrey {
  background: #d0d0d0;
  border-bottom: 4px solid #38ff90;
}

.brand-alumni header .main-header {
  background: #bd9eff;
}

.brand-alumni .border-line {
  border-bottom: 4px solid #bd9eff;
}

.brand-alumni .block-header-one-column .wrap-title,
.brand-alumni .block-header-two-columns .wrap-title {
  background: #bd9eff;
}

.brand-alumni .block-header-one-column .wrap-title.bg-lightgrey,
.brand-alumni .block-header-two-columns .wrap-title.bg-lightgrey {
  background: #d0d0d0;
  border-bottom: 4px solid #bd9eff;
}

.brand-media header .main-header {
  background: #ff87ff;
}

.brand-media .border-line {
  border-bottom: 4px solid #ff87ff;
}

.brand-media .block-header-one-column .wrap-title,
.brand-media .block-header-two-columns .wrap-title {
  background: #ff87ff;
}

.brand-media .block-header-one-column .wrap-title.bg-lightgrey,
.brand-media .block-header-two-columns .wrap-title.bg-lightgrey {
  background: #d0d0d0;
  border-bottom: 4px solid #ff87ff;
}

.brand-corporate header .main-header {
  background: #ff7d87;
}

.brand-corporate .border-line {
  border-bottom: 4px solid #ff7d87;
}

.brand-corporate .block-header-one-column .wrap-title,
.brand-corporate .block-header-two-columns .wrap-title {
  background: #ff7d87;
}

.brand-corporate .block-header-one-column .wrap-title.bg-lightgrey,
.brand-corporate .block-header-two-columns .wrap-title.bg-lightgrey {
  background: #d0d0d0;
  border-bottom: 4px solid #ff7d87;
}

.brand-x header .main-header {
  background: #ffe000;
}

.brand-x .border-line {
  border-bottom: 4px solid #ffe000;
}

.brand-x .block-header-one-column .wrap-title,
.brand-x .block-header-two-columns .wrap-title {
  background: #ffe000;
}

.brand-x .block-header-one-column .wrap-title.bg-lightgrey,
.brand-x .block-header-two-columns .wrap-title.bg-lightgrey {
  background: #d0d0d0;
  border-bottom: 4px solid #ffe000;
}

.color-grey-dark {
  color: #333;
}

.wrapper-pagination {
  position: relative;
  clear: both;
}

.pagination {
  display: -ms-flexbox;
  display: flex;
}

.pagination.has-next .pagination__item:nth-last-child(2) {
  max-width: none;
  width: 50em;
}

.pagination:not(.has-next) .pagination__item:last-child {
  max-width: none;
  width: 50em;
}

.pagination__item {
  max-width: 4rem;
  width: 100%;
}

.pagination__item.prev,
.pagination__item.next {
  max-width: none;
  width: 50em;
}

.pagination__item:last-child {
  position: relative;
}

.page-numbers {
  font-family: uoc-sans, Arial;
  font-size: 2.5rem;
  font-weight: bold;
  color: #878787;
  display: inline-block;
  text-decoration: none;
  border-color: #d0d0d0;
  border-width: 4px 0 0 0;
  border-style: solid;
  line-height: 0.8;
  width: 100%;
}

.page-numbers.current {
  border-color: #000078;
  color: #000078;
  background-color: #ffffff;
}

.page-numbers.next,
.page-numbers.prev {
  line-height: 1.55;
  color: #ffffff;
  background-color: #000078;
  text-decoration: none;
  font-weight: normal;
  display: inline-block;
  white-space: nowrap;
  vertical-align: middle;
  cursor: pointer;
  padding: 4px 1em;
  border: none;
  border-radius: 0;
  box-shadow: none;
  text-align: center;
  position: relative;
  font-size: 1.0625rem;
  min-height: 36px;
}

.ngg-galleryoverview .ngg-navigation > .current,
.ngg-galleryoverview .ngg-navigation > .prev,
.ngg-galleryoverview .ngg-navigation > .next,
.ngg-galleryoverview .ngg-navigation > .page-numbers {
  display: inline;
}

.ngg-galleryoverview .ngg-navigation > span.prev,
.ngg-galleryoverview .ngg-navigation > span.next,
.ngg-galleryoverview .ngg-navigation > a.page-numbers {
  border: none !important;
  border-top: 4px solid #d0d0d0 !important;
  padding-right: 20px !important;
}

.ngg-galleryoverview .ngg-navigation > a.next,
.ngg-galleryoverview .ngg-navigation > a.prev {
  border: none !important;
  display: inline-block;
  font-size: 1.7rem;
  margin-top: 3px;
  vertical-align: top;
}

.ngg-galleryoverview .ngg-navigation > .page-numbers {
  color: #575757;
}

.ngg-galleryoverview .ngg-navigation > .current {
  color: #000078;
  padding: 3px 8px;
}

.ngg-galleryoverview .ngg-navigation > span.current {
  border-top: 4px solid #000078;
}

.ngg-galleryoverview .ngg-navigation > span.current,
.ngg-galleryoverview .ngg-navigation > span.next {
  font-size: 2.5rem;
}

.ngg-galleryoverview .ngg-navigation > span.next:hover,
.ngg-galleryoverview .ngg-navigation > span.page-numbers:hover,
.ngg-galleryoverview .ngg-navigation > span.prev:hover,
.ngg-galleryoverview .ngg-navigation > a.next:hover,
.ngg-galleryoverview .ngg-navigation > a.page-numbers:hover,
.ngg-galleryoverview .ngg-navigation > a.prev:hover {
  color: #575757 !important;
  background-color: inherit !important;
}

#rgpd-modal {
  padding: 2rem;
}

#rgpd-modal .modal__body--padding-wide {
  padding: 2rem;
}

#rgpd-modal .break-all {
  word-break: break-all;
}

#rgpd-modal .text-condicions {
  max-height: 230px;
  overflow-y: scroll;
  box-shadow: inset 0 11px 8px -10px #ccc, inset 0 -11px 8px -10px #ccc;
}

/* ==========================================================================
   Author's custom styles
   ========================================================================== */

#main-menu {
  margin: 0 auto;
  max-width: 900px;
}

.menu-header-menu-container {
  margin-left: -4px;
  margin-right: -4px;
  clear: both;
}

.nav-menu.nav-menu--two-levels {
  position: relative;
}

.nav-menu.nav-menu--two-levels > .nav-menu__item {
  display: inline-block;
  float: left;
  padding-left: 4px;
  padding-right: 4px;
  width: 16.66667%;
}

.nav-menu.nav-menu--two-levels
  > .nav-menu__item:nth-child(1)
  .nav-submenu
  .nav-submenu__arrow {
  left: calc(16.66667% - 8.33333%);
}

.nav-menu.nav-menu--two-levels
  > .nav-menu__item:nth-child(2)
  .nav-submenu
  .nav-submenu__arrow {
  left: calc(33.33333% - 8.33333%);
}

.nav-menu.nav-menu--two-levels
  > .nav-menu__item:nth-child(3)
  .nav-submenu
  .nav-submenu__arrow {
  left: calc(50% - 8.33333%);
}

.nav-menu.nav-menu--two-levels
  > .nav-menu__item:nth-child(4)
  .nav-submenu
  .nav-submenu__arrow {
  left: calc(66.66667% - 8.33333%);
}

.nav-menu.nav-menu--two-levels
  > .nav-menu__item:nth-child(5)
  .nav-submenu
  .nav-submenu__arrow {
  left: calc(83.33333% - 8.33333%);
}

.nav-menu.nav-menu--two-levels
  > .nav-menu__item:nth-child(6)
  .nav-submenu
  .nav-submenu__arrow {
  left: calc(100% - 8.33333%);
}

.nav-menu.nav-menu--two-levels > .nav-menu__item > .nav-menu__item-wrapper {
  display: -ms-inline-flexbox;
  display: inline-flex;
  width: 100%;
  border-top: 4px solid #d0d0d0;
  border-bottom: 4px solid #d0d0d0;
}

.nav-menu.nav-menu--two-levels
  > .nav-menu__item
  > .nav-menu__item-wrapper:hover {
  border-color: #000078;
}

.nav-menu.nav-menu--two-levels
  > .nav-menu__item.is-selected
  > .nav-menu__item-wrapper {
  border-color: #000078;
}

.nav-menu.nav-menu--two-levels > .nav-menu__item .nav-menu__trigger {
  display: inline-block;
  width: 100%;
}

.nav-menu.nav-menu--two-levels
  > .nav-menu__item
  > .nav-menu__item-wrapper
  > .nav-menu__link {
  display: inline-block;
  width: 100%;
}

.nav-menu.nav-menu--two-levels .icon {
  font-size: 1rem;
}

.nav-menu.nav-menu--two-levels .icon--arrow-down {
  display: none;
}

.nav-menu.nav-menu--two-levels .icon--arrow-up {
  display: none;
}

.nav-menu.nav-menu--two-levels .nav-submenu__icon-wrapper {
  float: right;
  padding: 3px 9px 0 0;
  font-size: 1rem;
}

.nav-submenu {
  display: none;
  left: 0;
  position: absolute;
  padding: 4px 4px;
  top: calc(68px - 8px);
  width: 100%;
  z-index: 5;
}

.nav-submenu .nav-submenu__arrow {
  pointer-events: none;
  position: absolute;
}

.nav-submenu .nav-submenu__arrow:before {
  border: 16px solid transparent;
  border-bottom-color: #000078;
  content: "";
  display: block;
  height: 0;
  left: 0;
  margin: auto;
  position: absolute;
  right: 0;
  top: -36px;
  width: 0;
}

.nav-submenu .nav-submenu__arrow:after {
  border: 12px solid transparent;
  border-bottom-color: #f0f0f0;
  content: "";
  display: block;
  height: 0;
  left: 4px;
  margin: auto;
  position: absolute;
  right: 0;
  top: -27px;
  width: 0;
}

.nav-submenu .nav-submenu__extra-link {
  display: inline-block;
  font-weight: bold;
  font-size: 1.0625rem;
}

.nav-submenu .nav-submenu__list {
  margin-top: 10px;
  padding: 0;
  column-count: 2;
}

.nav-submenu .nav-submenu__list .nav-submenu__list-item {
  display: block;
  overflow: hidden;
  /* Fix for firefox and IE 10-11  */
  /* Chrome, Safari, Opera */
  /* Firefox */
  break-inside: avoid;
  /* IE 10+ */
  break-inside: avoid-column;
  margin-bottom: 0;
}

.nav-submenu .nav-submenu__list .nav-submenu__list-item > .nav-submenu__link {
  width: 100%;
  float: left;
  padding-bottom: 10px;
  display: inline-block;
  border-top: 1px solid #d0d0d0;
  font-weight: normal;
}

.nav-submenu
  .nav-submenu__list
  .nav-submenu__list-item
  > .nav-submenu__link:hover,
.nav-submenu
  .nav-submenu__list
  .nav-submenu__list-item
  > .nav-submenu__link:focus {
  text-decoration: underline;
}

.nav-submenu .nav-submenu__wrapper {
  border-top: 4px solid #000078;
  border-bottom: 4px solid #000078;
  padding: 4px 8px 8px;
  background-color: #f0f0f0;
}

.no-js .nav-menu.nav-menu--two-levels .nav-submenu:target,
.nav-menu.nav-menu--two-levels .nav-submenu.is-active {
  display: inline-block;
}

/* TEMP styles */

*,
*:before,
*:after {
  box-sizing: border-box;
}

body {
  color: #000078;
  font-size: 1.0625rem;
}

a,
a:link,
a:visited {
  color: #000078;
  text-decoration: none;
}

a:hover,
a:link:hover,
a:visited:hover {
  color: #575757;
}

/* TEMP styles */

#button-main-menu {
  border: 0;
  background-color: #d0d0d0;
  float: right;
  margin: 10px auto;
  padding: 0;
}

.menu-wrapper::after {
  display: block;
  content: "";
  clear: both;
}

.menu-header-menu-container .dropdown-secondary__option__item {
  font-weight: normal;
  padding-left: 0;
}

.menu-header-menu-container .dropdown-secondary__option__item:hover {
  text-decoration: none;
}

#wp-calendar {
  margin: 0 auto;
}

.widget.widget_archive,
.widget.widget_slideshow,
.widget.widget_media_video,
.widget.widget_custom_html,
.widget.widget_text,
.widget.ngg_images,
.widget.widget_media_image,
.widget.ngg_mrssw,
.widget.uoc_widget_iframe,
.widget.uoc_widget_authors {
  margin-bottom: 0;
  padding-bottom: 3.5rem;
}

.widget.widget_polylang,
.widget.widget_calendar {
  display: none;
}

.widget-title {
  font-size: 2.5rem;
  line-height: 0.95;
  font-weight: 600;
  margin-bottom: 16px;
  margin-top: 0;
}

.widget-title:empty {
  margin: 0;
}

.sidebar .form-group {
  margin-bottom: 0;
}

.ngg_images,
.widget_slideshow,
.widget_text,
.widget_custom_html,
.ngg_mrssw {
  border-top: 4px solid #d0d0d0;
}

.brand-prymary .ngg_images,
.brand-prymary .widget_slideshow,
.brand-prymary .widget_text,
.brand-prymary .widget_custom_html,
.brand-prymary .ngg_mrssw {
  border-top-color: #000078;
}

.brand-secondary .ngg_images,
.brand-secondary .widget_slideshow,
.brand-secondary .widget_text,
.brand-secondary .widget_custom_html,
.brand-secondary .ngg_mrssw {
  border-top-color: #73edff;
}

.brand-alumni .ngg_images,
.brand-alumni .widget_slideshow,
.brand-alumni .widget_text,
.brand-alumni .widget_custom_html,
.brand-alumni .ngg_mrssw {
  border-top-color: #bd9eff;
}

.brand-x .ngg_images,
.brand-x .widget_slideshow,
.brand-x .widget_text,
.brand-x .widget_custom_html,
.brand-x .ngg_mrssw {
  border-top-color: #ffe000;
}

.brand-ri .ngg_images,
.brand-ri .widget_slideshow,
.brand-ri .widget_text,
.brand-ri .widget_custom_html,
.brand-ri .ngg_mrssw {
  border-top-color: #38ff90;
}

.brand-corporate .ngg_images,
.brand-corporate .widget_slideshow,
.brand-corporate .widget_text,
.brand-corporate .widget_custom_html,
.brand-corporate .ngg_mrssw {
  border-top-color: #ff7d87;
}

.widget_text .textwidget:first-child {
  margin-top: 6px;
}

.ngg_mrssw ul li:before {
  content: none;
}

.widget_uoc_widget_newsletter {
  background-color: #f0f0f0;
  margin-bottom: 3.5rem;
  padding: 2.5rem;
}

.widget_uoc_widget_newsletter .form-message {
  color: #333;
}

.widget_uoc_widget_newsletter .widget-title {
  word-break: break-word;
}

.widget_uoc_widget_newsletter .form-group:not(:last-child) {
  margin-bottom: 1rem;
}

.uoc_widget_authors,
.uoc_widget_iframe {
  border: 0 solid #d0d0d0;
  border-top-width: 4px;
}

.uoc_widget_authors .widget-title,
.uoc_widget_iframe .widget-title {
  margin-bottom: 16px;
}

.brand-secondary .uoc_widget_authors,
.brand-secondary .uoc_widget_iframe {
  border-color: #73edff;
}

.brand-ri .uoc_widget_authors,
.brand-ri .uoc_widget_iframe {
  border-color: #38ff90;
}

.brand-x .uoc_widget_authors,
.brand-x .uoc_widget_iframe {
  border-color: #ffe000;
}

.brand-corporate .uoc_widget_authors,
.brand-corporate .uoc_widget_iframe {
  border-color: #ff7d87;
}

.brand-alumni .uoc_widget_authors,
.brand-alumni .uoc_widget_iframe {
  border-color: #bd9eff;
}

.brand-media .uoc_widget_authors,
.brand-media .uoc_widget_iframe {
  border-color: #ff87ff;
}

.author-links {
  font-family: "uoc-serif", Georgia;
  margin-bottom: 1.25rem;
}

.block-content-entry .author-links .author,
.block-content-entry .author-links .author:visited,
.block-content-entry .author-links .author:link {
  text-decoration: none;
}

.block-content-entry .author-links {
  margin-bottom: 0;
  display: inline-block;
}

.uoc_widget_iframe iframe {
  border: none;
  width: 100%;
}

.slideshowlink {
  margin-bottom: 1rem;
}

.wp-tag-cloud > li:before {
  content: none;
}

.frm_forms {
  background-color: #f0f0f0;
  padding: 8px;
}

.frm_forms.with_frm_style .frm_primary_label {
  color: #000078;
  font-family: "uoc-sans", Helvetica, Arial, sans-serif;
  font-size: 1.0625rem;
  font-weight: normal;
}

.frm_forms.with_frm_style input[type="text"],
.frm_forms.with_frm_style .comment-form .form-group textarea[type="text"],
.comment-form .form-group .frm_forms.with_frm_style textarea[type="text"],
.frm_forms.with_frm_style input[type="password"],
.frm_forms.with_frm_style .comment-form .form-group textarea[type="password"],
.comment-form .form-group .frm_forms.with_frm_style textarea[type="password"],
.frm_forms.with_frm_style input[type="email"],
.frm_forms.with_frm_style .comment-form .form-group textarea[type="email"],
.comment-form .form-group .frm_forms.with_frm_style textarea[type="email"],
.frm_forms.with_frm_style input[type="number"],
.frm_forms.with_frm_style .comment-form .form-group textarea[type="number"],
.comment-form .form-group .frm_forms.with_frm_style textarea[type="number"],
.frm_forms.with_frm_style input[type="url"],
.frm_forms.with_frm_style .comment-form .form-group textarea[type="url"],
.comment-form .form-group .frm_forms.with_frm_style textarea[type="url"],
.frm_forms.with_frm_style input[type="tel"],
.frm_forms.with_frm_style .comment-form .form-group textarea[type="tel"],
.comment-form .form-group .frm_forms.with_frm_style textarea[type="tel"],
.frm_forms.with_frm_style input[type="phone"],
.frm_forms.with_frm_style .comment-form .form-group textarea[type="phone"],
.comment-form .form-group .frm_forms.with_frm_style textarea[type="phone"],
.frm_forms.with_frm_style input[type="search"],
.frm_forms.with_frm_style .comment-form .form-group textarea[type="search"],
.comment-form .form-group .frm_forms.with_frm_style textarea[type="search"] {
  border-radius: 0px;
  border: none;
  font-family: "uoc-sans", Helvetica, Arial, sans-serif;
  font-size: 1.0625rem;
  line-height: 1;
  min-height: 2.25rem;
  padding: 0.3125rem 0.3125rem 0.875rem;
}

.frm_forms.with_frm_style input[type="text"]:focus,
.frm_forms.with_frm_style .comment-form .form-group textarea[type="text"]:focus,
.comment-form .form-group .frm_forms.with_frm_style textarea[type="text"]:focus,
.frm_forms.with_frm_style input[type="password"]:focus,
.frm_forms.with_frm_style
  .comment-form
  .form-group
  textarea[type="password"]:focus,
.comment-form
  .form-group
  .frm_forms.with_frm_style
  textarea[type="password"]:focus,
.frm_forms.with_frm_style input[type="email"]:focus,
.frm_forms.with_frm_style
  .comment-form
  .form-group
  textarea[type="email"]:focus,
.comment-form
  .form-group
  .frm_forms.with_frm_style
  textarea[type="email"]:focus,
.frm_forms.with_frm_style input[type="number"]:focus,
.frm_forms.with_frm_style
  .comment-form
  .form-group
  textarea[type="number"]:focus,
.comment-form
  .form-group
  .frm_forms.with_frm_style
  textarea[type="number"]:focus,
.frm_forms.with_frm_style input[type="url"]:focus,
.frm_forms.with_frm_style .comment-form .form-group textarea[type="url"]:focus,
.comment-form .form-group .frm_forms.with_frm_style textarea[type="url"]:focus,
.frm_forms.with_frm_style input[type="tel"]:focus,
.frm_forms.with_frm_style .comment-form .form-group textarea[type="tel"]:focus,
.comment-form .form-group .frm_forms.with_frm_style textarea[type="tel"]:focus,
.frm_forms.with_frm_style input[type="phone"]:focus,
.frm_forms.with_frm_style
  .comment-form
  .form-group
  textarea[type="phone"]:focus,
.comment-form
  .form-group
  .frm_forms.with_frm_style
  textarea[type="phone"]:focus,
.frm_forms.with_frm_style input[type="search"]:focus,
.frm_forms.with_frm_style
  .comment-form
  .form-group
  textarea[type="search"]:focus,
.comment-form
  .form-group
  .frm_forms.with_frm_style
  textarea[type="search"]:focus {
  box-shadow: none;
  border: #73edff;
}

.frm_forms.with_frm_style select,
.frm_forms.with_frm_style textarea {
  border-radius: 0px;
  border: none;
  font-family: "uoc-sans", Helvetica, Arial, sans-serif;
  font-size: 1.0625rem;
  line-height: 1;
  min-height: 2.25rem;
  padding: 0.3125rem 0.3125rem 0.875rem;
}

.frm_forms.with_frm_style select:focus,
.frm_forms.with_frm_style textarea:focus {
  box-shadow: none;
  border: #73edff;
}

.frm_forms.with_frm_style .frm_required {
  font-weight: normal;
}

.frm_forms.with_frm_style div.frm_description {
  font-family: "uoc-serif", Georgia;
  font-style: italic;
}

.frm_forms.with_frm_style .frm_form_field :invalid {
  border-color: #ff0000;
}

.frm_form_fields_style,
.frm_forms.with_frm_style .frm_scroll_box .frm_opt_container,
.frm_form_fields_active_style,
.frm_form_fields_error_style {
  border-radius: 0px;
}

.frm_forms.with_frm_style .frm-card-element.StripeElement,
.frm_forms.with_frm_style .chosen-container-multi .chosen-choices,
.frm_forms.with_frm_style .chosen-container-single .chosen-single {
  border-radius: 0px;
  font-size: 1.0625rem;
  box-shadow: none;
}

.frm_forms.with_frm_style .form-field input:not([type="file"]):focus,
.frm_forms.with_frm_style
  .form-field
  .comment-form
  .form-group
  textarea:not([type="file"]):focus,
.comment-form
  .form-group
  .frm_forms.with_frm_style
  .form-field
  textarea:not([type="file"]):focus,
.frm_forms.with_frm_style select:focus,
.frm_forms.with_frm_style textarea:focus {
  background-color: #ffffff;
  border-color: #73edff;
  box-shadow: none;
}

.frm_forms.with_frm_style .frm_focus_field input[type="text"],
.frm_forms.with_frm_style
  .frm_focus_field
  .comment-form
  .form-group
  textarea[type="text"],
.comment-form
  .form-group
  .frm_forms.with_frm_style
  .frm_focus_field
  textarea[type="text"],
.frm_forms.with_frm_style .frm_focus_field input[type="password"],
.frm_forms.with_frm_style
  .frm_focus_field
  .comment-form
  .form-group
  textarea[type="password"],
.comment-form
  .form-group
  .frm_forms.with_frm_style
  .frm_focus_field
  textarea[type="password"],
.frm_forms.with_frm_style .frm_focus_field input[type="email"],
.frm_forms.with_frm_style
  .frm_focus_field
  .comment-form
  .form-group
  textarea[type="email"],
.comment-form
  .form-group
  .frm_forms.with_frm_style
  .frm_focus_field
  textarea[type="email"],
.frm_forms.with_frm_style .frm_focus_field input[type="number"],
.frm_forms.with_frm_style
  .frm_focus_field
  .comment-form
  .form-group
  textarea[type="number"],
.comment-form
  .form-group
  .frm_forms.with_frm_style
  .frm_focus_field
  textarea[type="number"],
.frm_forms.with_frm_style .frm_focus_field input[type="url"],
.frm_forms.with_frm_style
  .frm_focus_field
  .comment-form
  .form-group
  textarea[type="url"],
.comment-form
  .form-group
  .frm_forms.with_frm_style
  .frm_focus_field
  textarea[type="url"],
.frm_forms.with_frm_style .frm_focus_field input[type="tel"],
.frm_forms.with_frm_style
  .frm_focus_field
  .comment-form
  .form-group
  textarea[type="tel"],
.comment-form
  .form-group
  .frm_forms.with_frm_style
  .frm_focus_field
  textarea[type="tel"],
.frm_forms.with_frm_style .frm_focus_field input[type="search"],
.frm_forms.with_frm_style
  .frm_focus_field
  .comment-form
  .form-group
  textarea[type="search"],
.comment-form
  .form-group
  .frm_forms.with_frm_style
  .frm_focus_field
  textarea[type="search"] {
  background-color: #ffffff;
  border-color: #73edff;
  box-shadow: none;
}

.frm_form_fields_active_style {
  background-color: #ffffff;
  border-color: #73edff;
  box-shadow: none;
}

.frm_forms.with_frm_style .frm_focus_field .frm-card-element.StripeElement,
.frm_forms.with_frm_style
  .chosen-container-single.chosen-container-active
  .chosen-single,
.frm_forms.with_frm_style .chosen-container-active .chosen-choices {
  background-color: #ffffff;
  border-color: #73edff;
  box-shadow: none;
}

.frm_forms.with_frm_style .frm_submit input[type="button"],
.frm_forms.with_frm_style
  .frm_submit
  .comment-form
  .form-group
  textarea[type="button"],
.comment-form
  .form-group
  .frm_forms.with_frm_style
  .frm_submit
  textarea[type="button"],
.frm_forms.with_frm_style .frm_submit button {
  background: #000078;
  border: none;
  color: white;
  border-radius: 0;
}

.frm_forms.with_frm_style .frm-edit-page-btn:focus,
.frm_forms.with_frm_style input[type="submit"]:focus,
.frm_forms.with_frm_style
  .comment-form
  .form-group
  textarea[type="submit"]:focus,
.comment-form
  .form-group
  .frm_forms.with_frm_style
  textarea[type="submit"]:focus {
  background: #000078;
  border: none;
  color: white;
  border-radius: 0;
}

.frm_forms.with_frm_style .frm_submit input[type="button"]:focus,
.frm_forms.with_frm_style
  .frm_submit
  .comment-form
  .form-group
  textarea[type="button"]:focus,
.comment-form
  .form-group
  .frm_forms.with_frm_style
  .frm_submit
  textarea[type="button"]:focus,
.frm_forms.with_frm_style .frm_submit button:focus {
  background: #000078;
  border: none;
  color: white;
  border-radius: 0;
}

.frm_forms.with_frm_style input[type="submit"]:active,
.frm_forms.with_frm_style
  .comment-form
  .form-group
  textarea[type="submit"]:active,
.comment-form
  .form-group
  .frm_forms.with_frm_style
  textarea[type="submit"]:active {
  background: #000078;
  border: none;
  color: white;
  border-radius: 0;
}

.frm_forms.with_frm_style .frm_submit input[type="button"]:hover,
.frm_forms.with_frm_style
  .frm_submit
  .comment-form
  .form-group
  textarea[type="button"]:hover,
.comment-form
  .form-group
  .frm_forms.with_frm_style
  .frm_submit
  textarea[type="button"]:hover,
.frm_forms.with_frm_style .frm_submit button:hover,
.frm_forms.with_frm_style .frm_submit input[type="button"]:active,
.frm_forms.with_frm_style
  .frm_submit
  .comment-form
  .form-group
  textarea[type="button"]:active,
.comment-form
  .form-group
  .frm_forms.with_frm_style
  .frm_submit
  textarea[type="button"]:active,
.frm_forms.with_frm_style .frm_submit button:active {
  background: #000078;
  border: none;
  color: white;
  border-radius: 0;
  text-decoration: underline;
}

.frm_style_formidable-style.with_frm_style {
  padding-top: 20px;
}

.frm_style_formidable-style.with_frm_style .frm_blank_field input[type="text"],
.frm_style_formidable-style.with_frm_style
  .frm_blank_field
  .comment-form
  .form-group
  textarea[type="text"],
.comment-form
  .form-group
  .frm_style_formidable-style.with_frm_style
  .frm_blank_field
  textarea[type="text"],
.frm_style_formidable-style.with_frm_style
  .frm_blank_field
  input[type="password"],
.frm_style_formidable-style.with_frm_style
  .frm_blank_field
  .comment-form
  .form-group
  textarea[type="password"],
.comment-form
  .form-group
  .frm_style_formidable-style.with_frm_style
  .frm_blank_field
  textarea[type="password"],
.frm_style_formidable-style.with_frm_style .frm_blank_field input[type="url"],
.frm_style_formidable-style.with_frm_style
  .frm_blank_field
  .comment-form
  .form-group
  textarea[type="url"],
.comment-form
  .form-group
  .frm_style_formidable-style.with_frm_style
  .frm_blank_field
  textarea[type="url"],
.frm_style_formidable-style.with_frm_style .frm_blank_field input[type="tel"],
.frm_style_formidable-style.with_frm_style
  .frm_blank_field
  .comment-form
  .form-group
  textarea[type="tel"],
.comment-form
  .form-group
  .frm_style_formidable-style.with_frm_style
  .frm_blank_field
  textarea[type="tel"],
.frm_style_formidable-style.with_frm_style
  .frm_blank_field
  input[type="number"],
.frm_style_formidable-style.with_frm_style
  .frm_blank_field
  .comment-form
  .form-group
  textarea[type="number"],
.comment-form
  .form-group
  .frm_style_formidable-style.with_frm_style
  .frm_blank_field
  textarea[type="number"],
.frm_style_formidable-style.with_frm_style .frm_blank_field input[type="email"],
.frm_style_formidable-style.with_frm_style
  .frm_blank_field
  .comment-form
  .form-group
  textarea[type="email"],
.comment-form
  .form-group
  .frm_style_formidable-style.with_frm_style
  .frm_blank_field
  textarea[type="email"],
.frm_style_formidable-style.with_frm_style .frm_blank_field textarea,
.frm_style_formidable-style.with_frm_style
  .frm_blank_field
  .mce-edit-area
  iframe,
.frm_style_formidable-style.with_frm_style .frm_blank_field select,
.frm_style_formidable-style.with_frm_style
  .frm_blank_field
  .frm_form_fields_error_style,
.frm_style_formidable-style.with_frm_style
  .frm_blank_field
  .frm-g-recaptcha
  iframe,
.frm_style_formidable-style.with_frm_style .frm_blank_field .g-recaptcha iframe,
.frm_style_formidable-style.with_frm_style
  .frm_blank_field
  .frm-card-element.StripeElement,
.frm_style_formidable-style.with_frm_style
  .frm_blank_field
  .chosen-container-multi
  .chosen-choices,
.frm_style_formidable-style.with_frm_style
  .frm_blank_field
  .chosen-container-single
  .chosen-single {
  border: none;
  color: #000078;
}

.frm_style_formidable-style.with_frm_style .frm_form_field :invalid {
  border: none;
}

.frm_style_formidable-style.with_frm_style .frm_radio label,
.frm_style_formidable-style.with_frm_style .frm_checkbox label {
  font-family: inherit;
  font-size: 1.25rem;
  color: #000078;
}

.frm_style_formidable-style.with_frm_style .frm_form_fields > fieldset {
  font-family: inherit;
}

.frm_style_formidable-style.with_frm_style .frm_error_style {
  border: none;
  background-color: #ffd4d4;
  color: #ff0000;
  font-size: 1.0625rem;
}

.frm_style_formidable-style.with_frm_style .frm_blank_field label,
.frm_style_formidable-style.with_frm_style .frm_error,
.frm_style_formidable-style.with_frm_style .frm_required {
  color: #ff0000;
}

.frm_style_formidable-style.with_frm_style .frm_message {
  padding: 8px;
  margin-bottom: 8px;
  background-color: #d5faff;
  color: #000078;
  border: none;
  font-size: inherit;
}

.frm_style_formidable-style.with_frm_style .frm_message p {
  color: #000078;
}

.frm_style_formidable-style.with_frm_style input[type="text"],
.frm_style_formidable-style.with_frm_style
  .comment-form
  .form-group
  textarea[type="text"],
.comment-form
  .form-group
  .frm_style_formidable-style.with_frm_style
  textarea[type="text"],
.frm_style_formidable-style.with_frm_style input[type="password"],
.frm_style_formidable-style.with_frm_style
  .comment-form
  .form-group
  textarea[type="password"],
.comment-form
  .form-group
  .frm_style_formidable-style.with_frm_style
  textarea[type="password"],
.frm_style_formidable-style.with_frm_style input[type="email"],
.frm_style_formidable-style.with_frm_style
  .comment-form
  .form-group
  textarea[type="email"],
.comment-form
  .form-group
  .frm_style_formidable-style.with_frm_style
  textarea[type="email"],
.frm_style_formidable-style.with_frm_style input[type="number"],
.frm_style_formidable-style.with_frm_style
  .comment-form
  .form-group
  textarea[type="number"],
.comment-form
  .form-group
  .frm_style_formidable-style.with_frm_style
  textarea[type="number"],
.frm_style_formidable-style.with_frm_style input[type="url"],
.frm_style_formidable-style.with_frm_style
  .comment-form
  .form-group
  textarea[type="url"],
.comment-form
  .form-group
  .frm_style_formidable-style.with_frm_style
  textarea[type="url"],
.frm_style_formidable-style.with_frm_style input[type="tel"],
.frm_style_formidable-style.with_frm_style
  .comment-form
  .form-group
  textarea[type="tel"],
.comment-form
  .form-group
  .frm_style_formidable-style.with_frm_style
  textarea[type="tel"],
.frm_style_formidable-style.with_frm_style input[type="phone"],
.frm_style_formidable-style.with_frm_style
  .comment-form
  .form-group
  textarea[type="phone"],
.comment-form
  .form-group
  .frm_style_formidable-style.with_frm_style
  textarea[type="phone"],
.frm_style_formidable-style.with_frm_style input[type="search"],
.frm_style_formidable-style.with_frm_style
  .comment-form
  .form-group
  textarea[type="search"],
.comment-form
  .form-group
  .frm_style_formidable-style.with_frm_style
  textarea[type="search"],
.frm_style_formidable-style.with_frm_style select,
.frm_style_formidable-style.with_frm_style textarea {
  color: #000078;
}

.frm_style_formidable-style.with_frm_style .frm-card-element.StripeElement,
.frm_style_formidable-style.with_frm_style
  .chosen-container-multi
  .chosen-choices,
.frm_style_formidable-style.with_frm_style
  .chosen-container-single
  .chosen-single,
.frm_style_formidable-style.with_frm_style .frm_scroll_box .frm_opt_container,
.frm_style_formidable-style.with_frm_style .frm_form_field :invalid {
  color: #000078;
}

.frm_style_formidable-style.with_frm_style .frm_form_field.frm_html_container,
.frm_style_formidable-style.with_frm_style .frm_form_field .frm_show_it {
  color: #000078;
  font-size: 1.25rem;
  font-family: "uoc-sans";
}

.frm_style_formidable-style.with_frm_style .frm_form_field.frm_html_container a,
.frm_style_formidable-style.with_frm_style .frm_form_field .frm_show_it a {
  text-decoration: underline;
}

.frm_form_fields_style,
.frm_form_fields_active_style,
.frm_form_fields_error_style {
  color: #000078;
}

.frm_style_formidable-style.with_frm_style
  .frm_compact
  .frm_dropzone.dz-clickable
  .dz-message,
.frm_style_formidable-style.with_frm_style input[type="submit"],
.frm_style_formidable-style.with_frm_style
  .comment-form
  .form-group
  textarea[type="submit"],
.comment-form
  .form-group
  .frm_style_formidable-style.with_frm_style
  textarea[type="submit"],
.frm_style_formidable-style.with_frm_style .frm_submit input[type="button"],
.frm_style_formidable-style.with_frm_style
  .frm_submit
  .comment-form
  .form-group
  textarea[type="button"],
.comment-form
  .form-group
  .frm_style_formidable-style.with_frm_style
  .frm_submit
  textarea[type="button"],
.frm_style_formidable-style.with_frm_style .frm_submit button,
.frm_form_submit_style,
.frm_style_formidable-style.with_frm_style .frm-edit-page-btn {
  font-size: 1.25rem;
  font-family: "uoc-sans";
}

@media (min-width: 34em) {
  .block-author .avatar-box ul {
    max-width: calc(100% - 86px);
  }

  .ngg-galleryoverview .ngg-navigation > span.current,
  .ngg-galleryoverview .ngg-navigation > span.prev,
  .ngg-galleryoverview .ngg-navigation > span.next,
  .ngg-galleryoverview .ngg-navigation > a.page-numbers {
    padding-right: 50px !important;
  }
}

@media (min-width: 768px) {
  main {
    padding-bottom: 130px;
  }

  .list-tags h5 {
    float: left;
  }

  .list-tags ul {
    margin: 0;
  }

  .list-tags ul li a {
    margin: 0 7px;
  }

  #cookie-law-info-bar #cookie_action_close_header {
    text-decoration: none;
    /*position: absolute;
            bottom:0;
            right: 0;*/
  }

  .block-recent-posts .recent-block-item {
    line-height: 18px;
  }

  .block-twitter .slider-twitter .ttf-tweet-image {
    width: 15%;
  }

  .block-twitter .slider-twitter .ttf-tweet-content {
    width: 83%;
  }

  .block-comments .block-title {
    font-size: 31px;
  }

  .block-comments .comment {
    margin-top: 10px;
  }

  .block-comments .wrap-author-comment {
    margin-bottom: 0;
  }

  .block-comments .wrap-author-comment .wrap-person-img {
    width: 80%;
    margin-left: 0;
  }

  .block-comments .wrap-author-comment .wrap-person-img .author {
    font-size: 19px;
  }

  .block-comments .wrap-author-comment .wrap-person-img .date {
    font-size: 14px;
  }

  .block-comments .wrap-author-comment .wrap-info-author .author {
    font-size: 20px;
  }

  .block-comments .wrap-author-comment .wrap-info-author .date {
    font-size: 14px;
  }

  .block-comments .wrap-comment .btn-blue-uoc {
    padding: 12px 25px;
  }

  .block-add-comment h2 {
    font-size: 31px;
  }

  .comment-respond {
    padding-top: 50px;
  }

  .block-news .block-title {
    font-size: 31px;
  }

  .block-header-one-column .wrap-img-bg img,
  .block-header-two-columns .wrap-img-bg img {
    width: 100%;
  }

  .block-header-one-column .wrap-img-bg + .container .wrap-title,
  .block-header-two-columns .wrap-img-bg + .container .wrap-title {
    width: 64%;
  }

  .block-header-one-column .wrap-title,
  .block-header-two-columns .wrap-title {
    left: initial;
    padding: 15px 20px;
  }

  .block-header-one-column .wrap-title .header-subtitle,
  .block-header-two-columns .wrap-title .header-subtitle {
    font-size: 18px;
  }

  .block-header-two-columns .wrap-title {
    top: 35%;
    width: 64%;
    height: 77%;
  }

  .block-header-two-columns .wrap-title .header-title {
    font-size: 28px;
  }

  .block-header-one-column .wrap-title {
    width: 100%;
    height: 85%;
    top: 8%;
  }

  .block-header-one-column .wrap-title .header-title {
    font-size: 24px;
  }
}

@media (min-width: 48em) {
  .container {
    width: 750px;
  }

  .text-quote {
    background-image: url(../img/quote.svg);
    background-repeat: no-repeat;
    background-position: 23px 23px;
    background-size: 45px;
    padding: 23px 23px 23px 148px;
  }

  .nav-menu.nav-menu--two-levels
    > .nav-menu__item
    > .nav-menu__item-wrapper
    > .nav-menu__link {
    overflow: hidden;
    height: calc(68px - 8px);
  }

  #button-main-menu {
    display: none;
  }

  .nav-wrapper {
    margin-top: 2em;
    margin-bottom: 2em;
  }
}

@media (min-width: 62em) {
  .container {
    width: 970px;
  }

  .brand-header .nav-menu-top .top-slogan {
    width: calc(83% + 24px);
  }
}

@media (min-width: 992px) {
  .block-recent-posts .recent-block-item {
    line-height: 20px;
  }

  .block-twitter .owl-controls {
    top: -60px;
  }

  .block-header-one-column .wrap-title,
  .block-header-two-columns .wrap-title {
    padding: 20px;
  }

  .block-header-one-column .wrap-title .header-subtitle,
  .block-header-two-columns .wrap-title .header-subtitle {
    font-size: 24px;
  }

  .block-header-two-columns .wrap-title .header-title {
    font-size: 32px;
  }

  .block-header-one-column .wrap-title .header-title {
    font-size: 28px;
  }

  .block-post-img .item-post-footer .add-comment,
  .block-post-without-img .item-post-footer .add-comment {
    display: inline-block;
    vertical-align: top;
  }

  .block-post-img .item-post-footer .comments-number,
  .block-post-without-img .item-post-footer .comments-number {
    margin-left: 5px;
  }

  .block-post-featured h2 {
    font-size: 42px;
  }
}

@media (min-width: 75em) {
  .container {
    width: 1170px;
  }

  .brand-header .nav-menu-top .top-slogan {
    width: calc(83% + 42px);
  }
}

@media (min-width: 1200px) {
  .block-header-two-columns {
    top: 35%;
  }

  .block-header-two-columns .wrap-title .header-title {
    font-size: 48px;
  }

  .block-header-one-column .wrap-title .header-title {
    font-size: 43px;
  }
}

@media screen and (max-width: 756px) {
  .nav-menu.nav-menu--two-levels {
    padding-left: 12px;
    padding-right: 12px;
  }
}

@media (max-width: 61.99em) {
  .nav-menu-top [class^="col-"] {
    padding-right: 7px;
    padding-left: 7px;
  }

  .h1 {
    font-size: 2.5rem;
  }

  .h2 {
    font-size: 1.75rem;
  }

  .h3 {
    font-size: 1.75rem;
  }

  .h4 {
    font-size: 1.25rem;
  }

  .h5 {
    font-size: 1.0625rem;
  }

  .h6 {
    font-size: 0.875rem;
  }

  .search-form .form-group input,
  .search-form .comment-form .form-group textarea,
  .comment-form .search-form .form-group textarea {
    font-size: inherit;
  }

  .pagination {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }

  .pagination:not(.has-next) .pagination__item:last-child,
  .pagination.has-next .pagination__item:nth-last-child(2) {
    width: 20%;
  }

  .pagination__item {
    max-width: none;
    width: 20%;
  }

  .pagination__item:last-child {
    margin-top: auto;
  }
}

@media (max-width: 47.99em) {
  .block-header-one-column,
  .block-header-two-columns {
    margin-top: 0;
    margin-bottom: 2rem;
  }

  .block-header-one-column .wrap-title {
    top: 0;
    width: calc(100% - 30px);
    height: calc(100% - 30px);
    left: 0;
    margin: 1rem;
  }

  .nav-menu.nav-menu--two-levels {
    font-size: 1.3125rem;
    font-weight: bold;
  }

  .nav-menu.nav-menu--two-levels > .nav-menu__item {
    display: block;
    width: 100%;
  }

  .nav-menu.nav-menu--two-levels > .nav-menu__item > .nav-menu__item-wrapper {
    display: block;
    border-bottom: none;
    width: 100%;
  }

  .nav-menu.nav-menu--two-levels
    > .nav-menu__item
    > .nav-menu__item-wrapper
    .nav-menu__link-text {
    width: calc(100% - 25px);
    display: inline-block;
    overflow: hidden;
  }

  .nav-menu.nav-menu--two-levels .icon--arrow-down {
    display: block;
  }

  .nav-menu.nav-menu--two-levels .icon--arrow-up {
    display: none;
  }

  .nav-menu.nav-menu--two-levels
    .nav-menu__trigger.is-active
    .icon--arrow-down {
    display: none;
  }

  .nav-menu.nav-menu--two-levels .nav-menu__trigger.is-active .icon--arrow-up {
    display: block;
  }

  .nav-submenu {
    border: 0;
    left: auto;
    padding: 0;
    position: relative;
    top: auto;
  }

  .nav-submenu .nav-submenu__arrow:before {
    content: none;
  }

  .nav-submenu .nav-submenu__arrow:after {
    content: none;
  }

  .nav-submenu .nav-submenu__list {
    column-count: 1;
    margin-top: 0;
  }

  .nav-submenu__link.nav-submenu__extra-link {
    padding-bottom: 8px;
    font-size: 1.3125rem;
  }

  .nav-submenu > .nav-submenu__wrapper {
    border: 0;
    left: auto;
    padding: 0;
    position: relative;
    top: auto;
    background-color: white;
  }

  .menu-header-menu-container {
    overflow: hidden;
    transition: max-height 0.2s ease-out;
    height: auto;
    max-height: 0;
  }

  .menu-header-menu-container.is-open {
    margin-top: 2rem;
    max-height: inherit;
  }
}

@media (max-width: 33.99em) {
  .block-author .avatar-box {
    width: 100%;
  }

  .block-author .avatar-box img {
    margin: 0 auto;
    float: none;
  }

  .block-author .avatar-box ul {
    padding-left: 0;
  }

  #rgpd-modal .modal__dialog {
    width: 100%;
  }
}

@media (min-width: 34em) and (max-width: 61.99em) {
  .brand-header .nav-menu-top .top-slogan {
    width: calc(83% + 4px);
  }
}