/*
Theme Name: Poma de Girona
Text Domain: pomadegirona
Author: Laia Estech - 6TEMS
Author URI: http://6tems.com
Description: Tema implementat per Pomes de Girona.
Requires at least: WordPress 5.5.1
Version: 1.6
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
*/

/* LOADER */
.loader { width: 50px; height: 50px; border: 10px solid #f3f3f3; border-top: 10px solid #3498db; border-radius: 50%; animation: spin 2s linear infinite; margin-left: auto; transition: all .5s ease; -moz-transition: all .5s ease; -webkit-transition: all .5s ease; -o-transition: all .5s ease; margin: auto; margin-top: 40px; }
@keyframes spin { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } }
/* end LOADER */

/* NOTIFICACIONS */
.notice { display: inline-block; line-height: 19px; padding: 11px 15px; font-size: 14px; text-align: left; background-color: #fff; border-left: 4px solid #ffba00; box-shadow: 0 1px 1px 0 rgba(0,0,0,.1); width: 100%; margin: 5px 0px 5px 2px; margin-bottom: 20px; }
.notice p { padding: 0px 5px; font-size: 14px; margin: 0; }
.notice.notice-info { border-color: #00a0d2; }
.notice.notice-warning { border-color: #ffb900; }
.notice.notice-success { border-color: #46b450; }
.notice.notice-error { border-color: #dc3232; }
/* /NOTIFICACIONS */

/* YOUTUBE */
.video-responsive { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; }
.video-responsive iframe,
.video-responsive object,
.video-responsive embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.banner-home pre { margin: 0; position: relative; }
.video-responsive { margin-top: -30px; }
/* end YOUTUBE */

.form-response { padding-top: 40px; display: inline-block; width: 100%; overflow: hidden; }

/* TOOLTIP 
 * <div class="tooltip">Hover over me
 *   <span class="tooltiptext">Tooltip text</span>
 * </div>
*/
/* Tooltip container */
.tooltip { position: relative; display: inline-block; border-bottom: 1px dotted black; /* If you want dots under the hoverable text */ }

/* Tooltip text */
.tooltip .tooltiptext { visibility: hidden; width: 120px; background-color: #555; color: #fff; text-align: center; padding: 5px 0; border-radius: 6px; /* Position the tooltip text */ position: absolute; z-index: 1; bottom: 125%; left: 50%; margin-left: -60px; /* Fade in tooltip */ opacity: 0; transition: opacity 0.3s; }

/* Tooltip arrow */
.tooltip .tooltiptext::after { content: ""; position: absolute; top: 100%; left: 50%; margin-left: -5px; border-width: 5px; border-style: solid; border-color: #555 transparent transparent transparent; }

/* Show the tooltip text when you mouse over the tooltip container */
.tooltip:hover .tooltiptext { visibility: visible; opacity: 1; }
/* end TOOLTIP */