/*---------------------------------------------------------------------------------------------- * * Global * *--------------------------------------------------------------------------------------------*/ .aiovg, .aiovg-header { margin-bottom: 10px; } .aiovg-no-margin { margin: 0 !important; } .aiovg-no-padding { padding: 0 !important; } .aiovg-pull-left { float: left; } .aiovg-pull-right { float: right; } .aiovg-clearfix { display: block; content: ""; clear: both; } .aiovg-text-left { text-align: left; } .aiovg-text-right { text-align: right; } .aiovg-text-center { text-align: center; } .aiovg-text-muted { color: #999; } .aiovg-relative { position: relative; } .aiovg a { text-decoration: none; } .aiovg a:hover { text-decoration: underline; } .aiovg img { display: block; } .aiovg hr { margin: 10px 0; } .aiovg-responsive-button { width: 100%; } .aiovg-disable-mouse-events { pointer-events: none; } @media only screen and (min-width: 481px) { .aiovg-responsive-button { width: auto; } } /*---------------------------------------------------------------------------------------------- * * Icons * *--------------------------------------------------------------------------------------------*/ @font-face { font-family: 'aiovg-icons'; src: url('../fonts/aiovg-icons.eot?j6tmf3'); src: url('../fonts/aiovg-icons.eot?j6tmf3#iefix') format('embedded-opentype'), url('../fonts/aiovg-icons.ttf?j6tmf3') format('truetype'), url('../fonts/aiovg-icons.woff?j6tmf3') format('woff'), url('../fonts/aiovg-icons.svg?j6tmf3#aiovg-icons') format('svg'); font-weight: normal; font-style: normal; } [class^="aiovg-icon-"], [class*=" aiovg-icon-"] { /* use !important to prevent issues with browser extensions that change fonts */ font-family: 'aiovg-icons' !important; speak: none; color: #666; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .aiovg-icon-videos:before, .aiovg-icon-film:before { content: "\e913"; } .aiovg-icon-categories:before, .aiovg-icon-folder-open:before { content: "\e930"; } .aiovg-icon-views:before, .aiovg-icon-eye:before { content: "\e9ce"; } .aiovg-icon-tags:before { content: "\e936"; } /*---------------------------------------------------------------------------------------------- * * Video Player * *--------------------------------------------------------------------------------------------*/ .aiovg-player { position: relative; display: block; width: 100%; height: 0; padding-bottom: 56.25%; overflow: hidden; } .aiovg-player iframe, .aiovg-player .video-js { position: absolute; width: 100%; height: 100%; margin: 0; padding: 0; top: 0; right: 0; bottom: 0; left: 0; } .aiovg-player .video-js.vjs-facebook:not(.vjs-has-started) { cursor: pointer; } .aiovg-player .video-js.vjs-facebook:not(.vjs-has-started) .vjs-poster, .aiovg-player .video-js.vjs-facebook:not(.vjs-has-started) .vjs-big-play-button { pointer-events: none; } .aiovg-player .vjs-no-control-bar .vjs-control-bar { display: none; } .aiovg-player .video-js .vjs-current-time, .aiovg-player .vjs-no-flex .vjs-current-time, .aiovg-player .video-js .vjs-duration, .aiovg-player .vjs-no-flex .vjs-duration { display: block; } .aiovg-player .video-js .vjs-subtitles-button .vjs-icon-placeholder:before { content: "\f10d"; } .aiovg-player .vjs-menu li.vjs-selected:focus, .aiovg-player .vjs-menu li.vjs-selected:hover { background-color: #fff; color: #2b333f; } .aiovg-player .video-js .vjs-big-play-button, .aiovg-player .video-js:hover .vjs-big-play-button, .aiovg-player .video-js:focus .vjs-big-play-button { width: 88px; height: 88px; margin-top: -44px; margin-left: -44px; top: 50%; left: 50%; background: none; background-repeat: no-repeat; background-position: 50%; background: url( "data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='88' height='88' fill='%23fff'%3E%3Cpath fill-rule='evenodd' d='M44 88C19.738 88 0 68.262 0 44S19.738 0 44 0s44 19.738 44 44-19.738 44-44 44zm0-85C21.393 3 3 21.393 3 44c0 22.608 18.393 41 41 41s41-18.392 41-41C85 21.393 66.607 3 44 3zm16.063 43.898L39.629 60.741a3.496 3.496 0 0 1-3.604.194 3.492 3.492 0 0 1-1.859-3.092V30.158c0-1.299.712-2.483 1.859-3.092a3.487 3.487 0 0 1 3.604.194l20.433 13.843a3.497 3.497 0 0 1 .001 5.795zm-1.683-3.311L37.946 29.744a.49.49 0 0 0-.276-.09.51.51 0 0 0-.239.062.483.483 0 0 0-.265.442v27.685c0 .262.166.389.265.442.1.053.299.118.515-.028L58.38 44.414A.489.489 0 0 0 58.6 44a.49.49 0 0 0-.22-.413z'/%3E%3C/svg%3E" ); border: none; transition: all .7s; } .aiovg-player .video-js:hover .vjs-big-play-button, .aiovg-player .video-js:focus .vjs-big-play-button { transform: rotate( 360deg ); } .aiovg-player .video-js .vjs-big-play-button .vjs-icon-placeholder { display: none; } .aiovg-player .vjs-waiting .vjs-big-play-button { display: none !important; } .aiovg-player .vjs-ended .vjs-control-bar, .aiovg-player .vjs-ended .vjs-text-track-display, .aiovg-player .vjs-ended .vjs-logo { display: none; } .aiovg-player .vjs-ended .vjs-poster, .aiovg-player .vjs-ended .vjs-big-play-button { display: block; } .aiovg-player .vjs-logo { opacity: 0; cursor: pointer; } .aiovg-player .vjs-has-started .vjs-logo { opacity: 0.5; transition: opacity 0.1s; } .aiovg-player .vjs-has-started.vjs-user-inactive.vjs-playing .vjs-logo { opacity: 0; transition: opacity 1s; } .aiovg-player .vjs-has-started .vjs-logo:hover { opacity: 1; } .aiovg-player .vjs-logo img { max-width: 100%; } .aiovg-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; } .aiovg-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% ); } .aiovg-privacy-consent-button { display: inline-block; margin-top: 10px; padding: 5px 15px; background: #F00; border-radius: 3px; cursor: pointer; } .aiovg-privacy-consent-button:hover { opacity: 0.8; } #aiovg-contextmenu { position: absolute; top: 0; left: 0; margin: 0; padding: 0; background-color: #2B333F; background-color: rgba( 43, 51, 63, 0.7 ); border-radius: 2px; z-index: 9999999999; /* make sure it shows on fullscreen */ } #aiovg-contextmenu-item { margin: 0; padding: 8px 12px; font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #EEE; white-space: nowrap; cursor: pointer; } @media only screen and (max-width: 250px) { .aiovg-privacy-consent-block { margin: 0; font-size: 12px; } } /*---------------------------------------------------------------------------------------------- * * Columns * *--------------------------------------------------------------------------------------------*/ .aiovg-row { display: -webkit-flex; /* Safari */ -webkit-flex-wrap: wrap; /* Safari 6.1+ */ display: flex; flex-wrap: wrap; margin: 0 -15px; } .aiovg-row .aiovg-row { margin: 0; } .aiovg-col { width: 100%; } @media only screen and (min-width: 481px) { .aiovg-col-2 { width: 50%; } .aiovg-col-3 { width: 33.33%; } .aiovg-col-4 { width: 25%; } .aiovg-col-5 { width: 20%; } .aiovg-col-6 { width: 16.66%; } .aiovg-col-7 { width: 14.28%; } .aiovg-col-8 { width: 12.5%; } .aiovg-col-9 { width: 11.11%; } .aiovg-col-10 { width: 10%; } .aiovg-col-11 { width: 9.09%; } .aiovg-col-12 { width: 8.33%; } .aiovg-col-p-25 { width: 25%; } .aiovg-col-p-40, .aiovg-col-1-4 { width: 40%; } .aiovg-col-p-60, .aiovg-col-1-6 { width: 60%; } .aiovg-col-p-75 { width: 75%; } } /*---------------------------------------------------------------------------------------------- * * Gallery * *--------------------------------------------------------------------------------------------*/ .aiovg .aiovg-thumbnail { margin: 15px; } .aiovg .aiovg-responsive-container { position: relative; display: block; width: 100%; height: 0; padding-bottom: 75%; background: #F0F0F0; } .aiovg .aiovg-responsive-container img:not(.aiovg-play), .aiovg img.aiovg-responsive-element { position: absolute; margin: auto; top: 0; right: 0; bottom: 0; left: 0; width: auto; max-width: 100%; height: auto; max-height: 100%; z-index: 1; } .aiovg .aiovg-duration { position: absolute; padding: 2px 5px; right: 0; bottom: 0; background-color: #666; color: #FFF; line-height: 1; pointer-events: none; z-index: 2; } .aiovg .aiovg-play-icon { position: absolute; background-image: url( '../../../public/assets/images/play.png' ); background-position: center center; background-repeat: no-repeat; width: 100%; height: 100%; top: 0; left: 0; pointer-events: none; z-index: 3; } .aiovg .aiovg-caption { margin: 0; padding: 7px 0; } .aiovg .aiovg-thumbnail-style-image-left .aiovg-caption { padding: 0 10px; } .aiovg .aiovg-title, .aiovg .aiovg-user, .aiovg .aiovg-category, .aiovg .aiovg-tag, .aiovg .aiovg-description, .aiovg .aiovg-excerpt, .aiovg .aiovg-views, .aiovg .aiovg-count { display: block; line-height: 1.5; } .aiovg .aiovg-title { font-size: 1.1rem; font-weight: bold; } .aiovg .aiovg-category, .aiovg .aiovg-tag, .aiovg .aiovg-description, .aiovg .aiovg-excerpt, .aiovg .aiovg-views { margin: 7px 0 0 0; } /*---------------------------------------------------------------------------------------------- * * Single Video Page * *--------------------------------------------------------------------------------------------*/ .aiovg-single-video .aiovg-player-container, .aiovg-single-video .aiovg-meta { margin-bottom: 10px; } @media only screen and (max-width: 767px) { .aiovg-single-video .aiovg-pull-right { float: none !important; clear: both; padding-top: 10px; } } /*---------------------------------------------------------------------------------------------- * * Search Form * *--------------------------------------------------------------------------------------------*/ .aiovg-search-form .aiovg-form-group { display: block; margin: 5px 0; } .aiovg-search-form .aiovg-form-control { width: 100%; box-sizing: border-box; } @media only screen and (min-width: 481px) { .aiovg-search-form-template-horizontal .aiovg-form-group { display: inline-block; } .aiovg-search-form-template-horizontal .aiovg-form-control { width: auto; } } /*---------------------------------------------------------------------------------------------- * * Pagination * *--------------------------------------------------------------------------------------------*/ .aiovg-pagination { display: block; margin: 7px 0; } .aiovg-pagination .page-numbers { display: inline; margin: 0 3px; padding: 3px 10px; border: 1px solid #ddd; border-radius: 2px; line-height: 1; text-decoration: none; } .aiovg-pagination .current { background-color: #08c; border: 1px solid #08c; color: white; } .aiovg-pagination a:hover { background-color: #ddd; } /*---------------------------------------------------------------------------------------------- * * Socialshare Buttons * *--------------------------------------------------------------------------------------------*/ .aiovg .aiovg-social { margin: 10px 0px; } .aiovg .aiovg-link-social { display: inline-block; margin: 2px 2px 2px 0; padding: 4px 8px; border-radius: 2px; color: white; text-decoration: none; line-height: 1; cursor: pointer; } .aiovg .aiovg-link-social:hover, .aiovg .aiovg-link-social:active { color: white; text-decoration: none; } .aiovg .aiovg-social-facebook { background: #3B5997; } .aiovg .aiovg-social-facebook:hover, .aiovg .aiovg-social-facebook:active { background: #2d4372; } .aiovg .aiovg-social-twitter { background: #00aced; } .aiovg .aiovg-social-twitter:hover, .aiovg .aiovg-social-twitter:active { background: #0084b4; } .aiovg .aiovg-social-linkedin { background: #0077B5; } .aiovg .aiovg-social-linkedin:hover, .aiovg .aiovg-social-linkedin:active { background: #005B8C; } .aiovg .aiovg-social-pinterest { background: #bd081c; } .aiovg .aiovg-social-pinterest:hover, .aiovg .aiovg-social-pinterest:active { background: #9e0718; } .aiovg .aiovg-social-tumblr { background: #335474; } .aiovg .aiovg-social-tumblr:hover, .aiovg .aiovg-social-tumblr:active { background: #253D54; } .aiovg .aiovg-social-whatsapp { background: #25d366; } .aiovg .aiovg-social-whatsapp:hover, .aiovg .aiovg-social-whatsapp:active { background: #12af0a; } /*---------------------------------------------------------------------------------------------- * * Third-party theme conflicts * *--------------------------------------------------------------------------------------------*/ .aiovg .aiovg-thumbnail img { box-shadow: none; } .mfp-bg { z-index: 999999 !important; } .mfp-wrap { z-index: 9999999 !important; }