/*---------------------------------------------------------------------------------------------- * * Global * *--------------------------------------------------------------------------------------------*/ .ayg-btn { margin: 1px; padding: 7px 10px; background: #08c; border: 0; border-radius: 2px; color: #fff; line-height: 1; cursor: pointer; } .ayg-btn:hover, .ayg-btn:focus { background: #333; color: #fff; } /*---------------------------------------------------------------------------------------------- * * Player * *--------------------------------------------------------------------------------------------*/ .ayg-player-wrapper { position: relative; width: 100%; height: 0; padding-bottom: 56.25%; } .ayg-player-wrapper .fluid-width-video-wrapper { position: static !important; } .ayg-player-iframe { position: absolute; width: 100%; height: 100%; top: 0; left: 0; } .ayg-player-caption, .ayg-player-title, .ayg-player-description { margin: 0 !important; padding: 7px 0; } .ayg-player-description-more { display: none; } .ayg-player-description-toggle-btn { display: block; margin: 10px 0; font-weight: bold; } .ayg-privacy-wrapper { position: absolute; width: 100%; height: 100%; margin: 0; padding: 0; top: 0; right: 0; bottom: 0; left: 0; background-color: #222; background-size: cover; background-position: center; background-repeat: no-repeat; color: #FFF; text-align: center; } .ayg-privacy-consent-block { position: relative; margin: 0 30px; padding: 15px; top: 50%; background: #000; border-radius: 3px; opacity: 0.9; transform: translateY( -50% ); -ms-transform: translateY(- 50% ); -webkit-transform: translateY( -50% ); } .ayg-privacy-consent-button { display: inline-block; margin-top: 10px; padding: 5px 15px; background: #08C; border-radius: 3px; cursor: pointer; } .ayg-privacy-consent-button:hover { opacity: 0.8; } /*---------------------------------------------------------------------------------------------- * * Responsive Grid * *--------------------------------------------------------------------------------------------*/ .ayg-row { display: -webkit-flex; /* Safari */ -webkit-flex-wrap: wrap; /* Safari 6.1+ */ display: flex; flex-wrap: wrap; margin: 0 -15px; } .ayg-col { width: 100%; } @media only screen and (min-width: 480px) { .ayg-col-2 { width: 50%; } .ayg-col-3 { width: 33.33%; } .ayg-col-4 { width: 25%; } .ayg-col-5 { width: 20%; } .ayg-col-6 { width: 16.66%; } .ayg-col-7 { width: 14.28%; } .ayg-col-8 { width: 12.5%; } .ayg-col-9 { width: 11.11%; } .ayg-col-10 { width: 10%; } .ayg-col-11 { width: 9.09%; } .ayg-col-12 { width: 8.33%; } } /*---------------------------------------------------------------------------------------------- * * Thumbnail * *--------------------------------------------------------------------------------------------*/ .ayg-thumbnail { padding: 15px; cursor: pointer; } .ayg-thumbnail-image-wrapper { position: relative; } .ayg-thumbnail-image { display: block; width: 100%; height: auto; } .ayg-thumbnail .ayg-thumbnail-icon-play { display: inline-block; position: absolute; width: 32px; top: 50%; left: 50%; margin-top: -16px; margin-left: -16px; fill: #fff; stroke: none; stroke-width: 0; vertical-align: middle; pointer-events: none; z-index: 3; } .ayg-thumbnail-title, .ayg-thumbnail-excerpt { margin: 10px 0 0 0; padding: 0; } .ayg-thumbnail-title { font-weight: bold; } .ayg-thumbnail-active { position: absolute; padding: 5px 7px; right: 0; bottom: 0; background: rgba( 0, 0, 0, 0.5 ); color: #fff; font-size: 12px; line-height: 1; z-index: 1; } .ayg-active .ayg-thumbnail-active { display: inline-block !important; } /*---------------------------------------------------------------------------------------------- * * Pagination * *--------------------------------------------------------------------------------------------*/ .ayg-pagination { margin: 15px 0; text-align: center; } .ayg-pagination-info { padding: 0 7px; } .ayg-pagination.ayg-loading { display: block; width: 100%; height: 32px; background-image: url( '../images/spinner-light.gif' ); background-position: center center; background-repeat: no-repeat; } .ayg-pagination .ayg-pagination-prev, .ayg-pagination .ayg-pagination-info, .ayg-pagination .ayg-pagination-next { display: inline-block; } .ayg-pagination.ayg-loading .ayg-pagination-prev, .ayg-pagination.ayg-loading .ayg-pagination-info, .ayg-pagination.ayg-loading .ayg-pagination-next { visibility: hidden; } /*---------------------------------------------------------------------------------------------- * * Theme: Classic * *--------------------------------------------------------------------------------------------*/ .ayg-theme-classic .ayg-active { pointer-events: none; }