Hypotonia in infancy is seen in many disorders, including Prader-Willi syndrome, multiminicore disease (OMIM 606210, 180901), nemaline myopathy (OMIM PS161800), X-linked centronuclear myopathy, other centronuclear myopathies (OMIM PS160150), and maternal uniparental disomy for chromosome 14.
|LINK| Hinario 5 Ccb Em Ingles Pdf 34
The dignity of the person is the indestructible property of every human being. The force of this affirmation is based on the uniqueness and irrepeatibility of every person. From it flows that the individual can never be reduced by all that seeks to crush and to annihilate the person into the anonymity that comes from collectivity, institutions, structures and systems. As an individual, a person is not a number or simply a link in a chain, nor even less, an impersonal element in some system. The most radical and elevating affirmation of the value of every human being was made by the Son of God in his becoming man in the womb of a woman, as we continue to be reminded each Christmas[136].
We can make a further application of the comments of Saint Gregory the Great to the extraordinary variety of ways the Church becomes "present" in life; one and all are called to work for the coming of the Kingdom of God according to the diversity of callings and situations, charisms and ministries. This variety is not only linked to age, but also to the difference of sex and to the diversity of natural gifts, as well as to careers and conditions affecting a person's life. It is a variety that makes the riches of the Church more vital and concrete.
This debug command is useful when you troubleshoot ISDN Layer 2 signaling problems. The debug isdn q921 command displays data link layer (Layer 2) access procedures that occur at the router on the D-channel. This can indicate whether the problem lies with the NAS, the Telco switch or the line.
At times, the D-channel does not come up correctly and stays in TEI_ASSIGNED state, or Layer 2 bounces up and down. This could be caused by one way transmission or missed keepalive packets. When either side misses four consecutive keepalives, the respective side tries to initialize the Layer 2 link again. To achieve this, the side re-sends the SABME message and starts the process over again. In such a situation, you must find out whether those keepalives are actually placed on the wire and whether one side does not respond to the keepalives when it receives them.
@font-face font-family: 'FontAwesome'; src: url('/DesktopModules/SharedLibrary/Plugins/font-awesome5/css/all.min.css');/***** overrides *****/.RadAjaxPanel, .ModDashboardC margin: 0; font-size: 100%.fadeit background: linear-gradient(to bottom, rgba(235,235,235,1) 0%,rgba(235,235,235,1) 850px,rgba(255,255,255,0) 2500px);.fadeit-dark background: linear-gradient(to bottom, rgba(0,0,0,1) 0%,rgba(0,0,0,1) 850px,rgba(36,36,36,0) 1500px);/************ SHARED *************//* social */.social-inner display: flex; font-size: 1.4rem; .social-inner a, .social-inner a:link color: rgb(128,128,128); text-decoration: none .social-inner a border: 1px #717171 solid; border-radius: 50%; width: 50px; height: 50px; display: flex; justify-content: center; align-items: center .social-inner a.addthis_button_facebook margin-right: 15px .social-inner a.addthis_button_facebook:hover span color: #fff; .social-inner a.addthis_button_facebook:hover background-color: #3b5998; border-color: #3b5998; .social-inner a.addthis_button_facebook transition: all .2s ease-in; .social-inner a.addthis_button_twitter:hover span color: #fff; .social-inner a.addthis_button_twitter:hover background-color: #00aced; border-color: #00aced; .social-inner a.addthis_button_twitter padding-top: 2px; transition: all .2s ease-in; .social-inner a.addthis_button_email:hover span color: #fff; transition: all .2s ease-in; .social-inner a.addthis_button_email:hover background-color: #DD4B39; border-color: #DD4B39; .social-inner a.addthis_button_email margin-left: 15px; font-size: .9em; transition: all .2s ease-in; /* category skew */a.acategory-skew, article header a.acategory-skew:link color: #fffa.acategory-skew background-color: rgb(53,94,147); padding: 8px 25px; transform: skewX(-15deg); font-weight: normal; font-size: .85rem; font-family: 'Oswald', sans-serif; text-transform: uppercase; letter-spacing: 3px; box-shadow: 2px 2px 5px rgba(0,0,0,0.3); a.acategory-skew span transform: skewX(15deg); display: inline-block a.acategory-skew:hover span text-decoration: underline; color: #fff /* banner */.abanner overflow: hidden .abanner .banner-image position: absolute; width: 100%; height: 757px; background-size: cover; background-position: center; /*background-color: #60a5ff*/ .abanner video.banner position: absolute; width: 100% /*angle and page layouts*/ /*.abanner .banner-angle position: absolute; width: 100%; height: 757px; display: inline-block; z-index: 2; overflow: hidden */ /*.abanner .banner-angle-header:after border-width: 0 100vw 0 0; content: ''; display: block; position: absolute; border-style: solid; border-color: transparent; bottom: 0; border-bottom-width: 100px; border-bottom-color: #ebebeb; */ /*.abanner .banner-angle-header position: absolute; top: 0; bottom: 0; left: 0; right: 0; z-index: 2; background-color: rgba(0,0,0, .6); background-image: linear-gradient(-10deg, rgba(0,0,0, .3) 0%, rgba(0,0,0, .3) 49.95%, rgba(0,0,0, 0) 50%, rgba(0,0,0, 0) 100%); background-repeat: no-repeat; content: '' .abanner .banner-angle video top: 50%; left: 50%; -webkit-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); object-fit: cover; .abanner .banner-angle-header.noimage background-color: none; background-image: linear-gradient(-10deg, rgb(37, 66, 103) 0%, rgb(37, 66, 103) 49.95%, #354D6F 50%, #354D6F 100%); */ .abanner header .maintitle font-size: 3rem; font-weight: 500; line-height: 1.2em; margin: 30px 0; color: #fff; text-shadow: 0 0 10px rgba(0,0,0,0.3) .abanner header .subtitle font-size: 1.2rem; font-weight: 500; line-height: 1.2em; margin: 30px 0; color: #fff; text-shadow: 0 0 10px rgba(0,0,0,0.3) .abanner header visibility:hidden; min-height: 350px; max-width: 900px !important; .abanner .body .content-wrap .maintitle color: #727272; font-size: 60px; line-height: 60px; margin-bottom: -15px; margin-top: 20px; margin-top: 60px; .abanner .body .content-wrap .subtitle margin: 0 0 0 0; text-transform: uppercase; color: #000; font-weight: bolder; font-size: 25px; font-stretch: condensed; font-family: 'Oswald', sans-serif; .abanner .body .content-wrap a.article-link, .abanner .body .content-wrap a.article-link:link, .abanner .body .content-wrap a.article-link:visited, .abanner .body .content-wrap a:not(.nlink), .abanner .body .content-wrap a:link:not(.nlink), .abanner .body .content-wrap .author-name color: #959595; font-size: 14px; line-height:14px; font-weight: normal; margin-top: -5px; margin-bottom: 0; .abanner .body .content-wrap a.article-link:hover, .abanner .body .content-wrap a.article-link:link:hover color: #f8ba01; .abanner .body .content-wrap .date color: #003B4F; line-height: 12px; font-size: 12px; margin-bottom: 35px; margin-top: -10px; .abanner .body .content-wrap padding: 0 0 5px 0; /* aframe is basic article frame work*/.aframe .content position: relative; display: block; /*padding: 0 60px;*/ z-index: 10; overflow: hidden; background: #fff; font-family: 'Oswald', sans-serif; line-height: 34px; background-color: #fff.aframe .content .inside display: block; max-width: 850px; margin: 0 auto;.aframe .body p color: #333; line-height: 1.7em; margin: 0 auto 5px;.aframe .body .ntext color: #333; line-height: 1.7em.aframe .body ul, .aframe .body ol margin: 2em 3em 1.5em 2.5em .aframe .body ul > li list-style-type: disc; margin-left: 1em; line-height: 1.7em .aframe .body ol > li margin: 0; padding: 0 0 0 1em; text-indent: -1em; list-style-type: none; counter-increment: item; line-height: 1.7em .aframe .body ol > li:before display: inline-block; width: 1em; padding-right: 0.5em; font-weight: bold; text-align: right; content: counter(item) "."; .aframe hr color: #adadad; margin: 1.5rem 0.seamless:first-child .content padding-bottom: 0.seamless:not(:first-child):not(:last-child) .content padding-top: 0; padding-bottom: 0.seamless:last-child .content padding-top: 0;/* links */a.article-link,a.article-link:link,a.article-link:visited,.aframe .body a:not(.nlink),.aframe .body a:link:not(.nlink),.aframe .body a:visited:not(.nlink) color: #003b4f; padding-top: 2px; line-height: inherit; text-decoration: none !important; text-transform: capitalize;.aframe header.body a:not(.nlink),.aframe header.body a:link:not(.nlink),.aframe header.body a:visited:not(.nlink) color: #fffa.article-link:hover,.aframe .body.dark a:hover:not(.nlink),.aframe .body.dark a:focus:not(.nlink),.aframe .body.dark a:active:not(.nlink),.aframe .body a:hover:not(.nlink),.aframe .body a:focus:not(.nlink),.aframe .body a:active:not(.nlink) color: #f8ba01; padding-bottom: 0; border-bottom: none; -webkit-transition: background-color 350ms ease-out; transition: background-color 350ms ease-out; -webkit-box-shadow: none; box-shadow: none; text-decoration: none.aframe header.body a:hover:not(.nlink),.aframe header.body a:focus:link:not(.nlink),.aframe header.body a:active:visited:not(.nlink) color: #000/***********************************************************************************/.gallery .goldlinks text-shadow: 1px 1px 5px #000; position:absolute; bottom: 5px;.gallery .goldlinks a:link color: #f8ba01; font-weight: normal; text-decoration: none; /* visited link */.gallery .goldlinks a:visited color: #f8ba01; font-weight: normal; text-decoration: none; /* mouse over link */.gallery .goldlinks a:hover color: #fff; font-weight: normal; text-decoration: none; /* selected link */.gallery .goldlinks a:active color: #f8ba01; font-weight: normal; text-decoration: none;/* unvisited link */.gallery .whitelinks a:link color: #fff; font-weight: normal; text-decoration: none;/* visited link */.gallery .whitelinks a:visited color: #fff; font-weight: normal; text-decoration: none;/* mouse over link */.gallery .whitelinks a:hover color: #f8ba01; font-weight: normal; text-decoration: none;/* selected link */.gallery .whitelinks a:active color: #f8ba01; font-weight: normal; text-decoration: none;.gallery .image-fit width: 100vw; height: 60vh;.gallery .image width: 100%; height: 100%; max-height: 60vh; background-size: cover; background-repeat: no-repeat; background-position: 0% 10%; background-color: #000;.gallery #bannersection position: absolute; top: 0; left: 0; height: 100%; width: 60%; background-image: linear-gradient(to right, rgba(0,0,0,.7), rgba(0,0,0,0)); color: white; padding-top: 30%; padding-bottom: 4%; padding-left: 5%;.gallery #bannersection h1 color: #f8ba01;.gallery #bannersection a font-weight: bold;.gallery #bannerpreview height: 50px; background-color: #585858; color: white; line-height: 50px; font-size: 22px; text-shadow: 2px 2px 5px #000; position: absolute;.gallery .previousban span, .nextban span color: #f8ba01; font-weight: bold; text-transform: uppercase; font-size: 16px;.gallery .nextban p float: right; padding-right: 21px;.gallery .previousban p padding-left: 21px;.gallery .previousban:hover, .nextban:hover cursor: pointer;.gallery #storybanner3 position: relative; height: auto; margin: -60px 0 0 0; padding: 0; width: 100vw; margin-left: calc((50vw - 50%)*-1); background-color: #000;.gallery #storybanner3 img width: 100%; height: auto; object-fit: cover; object-position: 0 -300px;.gallery #storybanner3 #bannersection position: absolute; top: 0; left: 0; height: 100%; width: 65%; background-image: linear-gradient(to right, rgba(0,0,0,.7), rgba(0,0,0,0)); color: white; padding-top: 1%; padding-bottom: 5%; padding-left: 5%; .gallery #storybanner3 h1 color: #f8ba01; font-size: 30px; line-height: 30px; .gallery #storybanner3 h2 color: #BDBDBD; font-size: 25px; line-height: 30px; .gallery #storybanner3 .storyauthor color: #fff; line-height: auto; padding-top: -5px; .gallery #storybanner3 .storydate color: #BDBDBD; line-height: 12px; margin-bottom: 35px; margin-top: -10px; #gallery-pager-left float: right;.gallery .video-container position: absolute; top: 0; bottom: 0; width: 100%; height: 100%; overflow: hidden; .gallery .video-container video /* Make video to at least 100% wide and tall */ min-width: 100%; min-height: 100%; /* Setting width & height to auto prevents the browser from stretching or squishing the video */ width: auto; height: auto; /* Center the video */ position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); background-color: #000; .gallery .video-container.play video min-width: unset; min-height: unset; .videoPlaying height: 100%;@media(max-width: 1400px) .gallery #storybanner3 img object-position: 0 -200px; @media (max-width: 1024px) .gallery #storybanner3 h1 font-size: 25px; line-height: 25px; /*.gallery #storybanner3 #bannersection padding-top: 50%; */ .gallery #bannersection a font-weight: normal; font-size: 16px; .gallery .image max-height: 45vh; .gallery .image-fit height: 45vh; @media( 992px) .gallery #storybanner3 img object-position: 0 -50px; /*.gallery #storybanner3 #bannersection padding-top: 30%; */ .gallery .image-fit #bannersection .storyauthor display: none; .gallery #bannersection a font-weight: normal; .gallery #bannersection a:hover color: #fff; .gallery .image max-height: 40vh; .gallery .image-fit height: 40vh; @media(max-width: 767px) .gallery #storybanner3 img object-position: 0 0; .gallery #storybanner3 #bannersection width: 100%; /*padding-top: 40%;*/ .gallery .image max-height: 55vh; .gallery .image-fit height: 55vh; @media(max-width: 580px) /*.gallery #storybanner3 #bannersection padding-top: 35%; */ .gallery .image max-height: 40vh; .gallery .image-fit height: 40vh; @media(max-width: 580px) /*.gallery #storybanner3 #bannersection padding-top: 30%; */@media(max-width: 320px) .gallery #bannersection a font-size: 12px; /*.gallery #storybanner3 #bannersection padding-top: 30%; *//************************************************************************************/@media ( max-width: 1200px) /*.abanner .banner-angle height: 560px */ .abanner .banner-image height: 560px .abanner header padding: 120px 0 40px 0; max-width: 750px @media ( max-width: 992px) .aframe .content padding: 0px 45px 60px @media ( max-width: 768px) .aframe .content padding: 0px 15px 60px; .abanner header padding: 5px 20px 30px .abanner.no-abanner-mobile .banner-angle display: none; .abanner .banner-image height: 260px; .abanner.no-abanner-mobile header color: #333; padding: 85px 15px 0px; min-height: 0px; .abanner.no-abanner-mobile header .maintitle text-shadow: none; line-height: 1em; margin: 20px 0; color: #333 .abanner.no-abanner-mobile header .subtitle text-shadow: none; line-height: 1.2em; margin: 20px 0; color: #333 .abanner.no-abanner-mobile a.article-link, .abanner a.article-link:link color: #333 .abanner .maintitle line-height: 1.2em; margin: 20px 0 .abanner .subtitle line-height: 1.2em; margin: 20px 0; .aframe .body p line-height: 1.5em .aframe .body .ntext line-height: 1.5em .aframe .external-link a padding-left: 20px; padding-right: 20px .aframe .body ul > li line-height: 1.5em .aframe .body ol > li line-height: 1.5em .aframe header.body a:not(.nlink), .aframe header.body a:link:not(.nlink), .aframe header.body a:visited:not(.nlink) color: #000 .aframe header.body a:hover:not(.nlink), .aframe header.body a:focus:link:not(.nlink), .aframe header.body a:active:visited:not(.nlink) color: #fff .aframe .media-inline a, .aframe .media-inline a:link color: initial !important; -webkit-box-shadow: none !important; box-shadow: none !important;.aframe a.popup text-decoration: initial !important; border: initial !important/************ end framework *//* video icon */.avideo-icon transition: all .25s ease-out;.avideo-icon, .adetail .mejs__overlay-button z-index: 1; position: absolute; background: url('play.svg') 0 0 no-repeat !important; width: 155px !important; height: 107px !important; margin: auto auto auto auto; top: 0 !important; bottom: 0 !important; right: 0 !important; left: 0 !important;.adetail .mejs__overlay:hover .mejs__overlay-button background: url('play.svg') 0 -107px no-repeat !important.aframe .small-video-icon .avideo-icon transform: scale(.7)@media ( max-width: 992px) .avideo-icon, .adetail .mejs__overlay .mejs__overlay-button transform: scale(.8) .aframe .small-video-icon .avideo-icon transform: scale(.5) @media ( max-width: 767px) .avideo-icon, .adetail .mejs__overlay .mejs__overlay-button transform: scale(.7) .aframe .small-video-icon .avideo-icon transform: scale(.4) @media ( max-width: 550px) .avideo-icon, .adetail .mejs__overlay .mejs__overlay-button transform: scale(.6) .aframe .small-video-icon .avideo-icon transform: scale(.3) /* drop down */.aselect select cursor: pointer; border: none; background: transparent; -webkit-appearance: none; font-family: 'Oswald', sans-serif; padding: 10px 55px 10px 15px; width: 100%; height: 100%.aselect display: inline-block; border: solid 1px rgb(115,124,128); font-size: 20px; height: 50px; background-color: #fff; border-radius: 4px; position: relative; font-weight: normal; text-transform: uppercase; .aselect:after position: absolute; right: 20px; top: 10px; font-family: "Font Awesome 5 Free"; font-weight: bold; content: '\f078'; color: rgb(115,124,128); font-size: 24px; pointer-events: none; background-color: transparent .aselect.heavy border: solid 2px rgb(105,105,105); color: rgb(105,105,105); background-color: rgba(105,105,105,.2); /* blue button */.aframe a.big-link,.aframe a.big-link:link,.aframe a.big-link:visited,.acs-blue-button,.acs-blue-button:link,.acs-blue-button:visited box-shadow: none; border: 2px solid #355e93; color: #355e93; padding: 10px 55px; background-color: rgba(53,94,141,.05); font-weight: bold; text-transform: uppercase; border-radius: 4px; transition: all 0.5s; .aframe a.big-link:hover, .acs-blue-button:hover background-color: #355e93; color: #fff; text-decoration: none /******************* DETAIL*********************/.adetail position: relative; overflow: hidden; top: -1.1px; .adetail header .date line-height: 1.6em; font-family: 'Oswald', sans-serif; text-transform: uppercase; font-size: .85rem; letter-spacing: 3px .adetail header a color: #fff .adetail header a:link color: #fff .adetail header a:visited color: #fff .adetail header a.article-link:hover background-color: #f8ba01; color: #fff .adetail .gallery padding-bottom: 30px .adetail .gallery .image position: relative .adetail .gallery .duration, .adetail .media-inline .duration position: absolute; right: 15px; bottom: 15px; font-size: 17px; background-color: #333; color: #fff; border-radius: 4px; z-index: 2; padding: 3px 10px; /* video */ .adetail .media-inline-video .image-wrapper /*overflow: hidden*/ .adetail .mejs__poster /*width:105% !important; height:105% !important; top:-5px; bottom:-5px;right:-10px; left:-10px */ background-size: cover div#dnn_ContentPane2 a, div#dnn_ContentPane2 a:visited, div#dnn_ContentPane2 a:link, div#dnn_ContentPane2 a.activeLink div#dnn_ContentPane2 a:hover, div#dnn_ContentPane2 a:focus, div#dnn_ContentPane2 a:active /*tags*/.adetail .tags display: inline-block; padding-top: 20px.adetail .tags li display:inline;.adetail .tags p font-weight: bold; font-size: 20px; padding-top: 10px;.adetail .tags a, .adetail .tags a:link display: inline-block; color: #003b4f; margin-right: 10px; font-family: 'Oswald', sans-serif; transition: all .2s ease-in; font-size: .85rem; padding-top: 10px; text-transform: lowercase.adetail .tags a:hover color: #003b4f; text-decoration: none;/*social*/.adetail .social-top padding: 0 0 30px 0.adetail .social-bottom padding: 20px 0 0 0.adetail .social-inner justify-content: center;/*related*/.adetail .related p font-size: 20px; font-weight: bold;.adetail .related .item padding-bottom: 20px; padding-right: 10px; line-height: 1.2em; flex: 0 0 30%;.adetail .related .item .subtitle color: #717171; font-weight: bold; padding-right: 10px/*gallery*/.adetail .gallery .item img border: 1px solid #9E9E9E; max-height: 1000px; margin: 0 auto;/*.adetail .mejs__controls display: none*//*override inline*//*.media-inline-popup .media-inline-img-container img display: inline-block; text-align: center .media-inline-popup .title color: #fff */.media-inline-popup display: flex; margin: 30px; .media-inline-popup .caption overflow-x: auto; padding: 20px; font-size: 17px; color: #fff .media-inline-popup .info display: flex; flex-direction: column; background-color: #262626; margin-left: 20px; width: 300px; font-size: 15px .media-inline-popup .title display: none .media-inline-popup .bottom flex: 0 0 250px; padding: 20px .media-inline-popup .social border-top: 1px solid #ABABAB; margin-top: 10px; padding-top: 20px; padding-bottom: 10px; display: flex; align-items: center .media-inline-popup .social-inner font-size: 17px .media-inline-popup .social span.subhead padding-right: 10px; color: #adadad; letter-spacing: 2px .media-inline-popup .social .social-inner a.addthis_button_email margin-left: 5px .media-inline-popup .social .social-inner a.addthis_button_facebook margin-right: 5px; .media-inline-popup .social-link width: 35px; height: 35px; .media-inline-popup .action color: #adadad; flex-direction: column; padding: 0; line-height: 1.5; .media-inline-popup .action .icon padding-right: 10px .media-inline-popup .action .action-item padding: 6px 0 0 0; display: flex; align-items: center; .media-inline-popup .action a, .media-inline-popup .action a:link, .media-inline-popup .action a:visited, .media-inline-popup .action a:hover color: #adadad; .media-inline-popup .action a:hover color: #f4ba01; text-decoration: none; .media-inline-popup .action .detail-link display: none .media-inline-popup .action .icon width: 20px; height: 20px .media-inline-popup .download-link .icon background-image: none !important; .media-inline-popup .download-link .icon:after font-family: "Font Awesome 5 Free"; content: "\f019"; font-weight: bold .media-inline-popup .photographer .icon background-image: none !important; .media-inline-popup .photographer .icon:after font-family: "Font Awesome 5 Free"; content: "\f030"; font-weight: bold .media-inline-popup .virin .icon background-image: none !important; border: 1px solid #717171; border-radius: 50%; position: relative; width: 22px; height: 22px .media-inline-popup .virin .icon:after font-family: "Font Awesome 5 Free"; content: "\f129"; position: absolute; top: 0; left: 8px; font-weight: bold; font-size: .85em; .media-inline-popup.slideshow display: initial .media-inline-popup.slideshow .caption max-height: initial; overflow: auto; color:#000; .media-inline-popup.slideshow .media-inline-img-container img max-height: 500px; height: auto .media-inline-popup.slideshow .action flex-direction: row; padding: 0 .media-inline-popup .action a, .media-inline-popup .action a:link, .media-inline-popup .action a:visited, .media-inline-popup .action a:hover font-size: 15px #cboxOverlay background: none; background-color: rgb(0,0,0); opacity: 1; right: 35px.inline-popup #cboxContent background: #000; color: #fff; /*overflow: auto !important*/.inline-popup #cboxWrapper, .inline-popup #cboxContent, #colorbox.inline-popup overflow: visible; -webkit-transform: none.inline-popup #cboxClose top: 0px !important.inline-popup #cboxLoadedContent margin-bottom: 0.inline-popup #cboxOverlay width: 0 !important; height: 0 !important.inline-popup #cboxTopLeft, .inline-popup #cboxTopCenter, .inline-popup #cboxTopRight, .inline-popup #cboxMiddleLeft, .inline-popup #cboxMiddleRight, .inline-popup #cboxBottomLeft, .inline-popup #cboxBottomCenter, .inline-popup #cboxBottomRight display: none !important; width: 0 !important; height: 0 !important.inline-popup ::-webkit-scrollbar-thumb background: rgba(53, 94, 147, 1); border-radius: 10px; -webkit-border-radius: 10px;.inline-popup ::-webkit-scrollbar-track border-radius: 10px; -webkit-border-radius: 10px;.inline-popup ::-webkit-scrollbar width: 8px;.inline-popup #cboxClose background-image: url(/desktopmodules/articlecs/images/media-close.svg) !important; right: 20px; width: 20px; height: 20px;.adetail .media-inline .overlay background-image: none !important; width: 44px !important; height: 44px !important; opacity: 1; background-color: rgba(0,0,0,.3); bottom: 15px; right: 15px; border: #fff solid 1px; color: #fff; border-radius: 3px; transition: background-color 0.2s ease-in-out; line-height: 44px; z-index: 3; display: flex; justify-content: center .adetail .media-inline .overlay:after font-family: "Font Awesome 5 Free"; content: '\f31e'; font-size: 25px; font-weight: bold .adetail .media-inline:hover .overlay background-image: none !important; background-color: #fff; color: rgba(0,0,0,1).adetail .media-inline .linkoverlay background-image: none !important; width: 44px !important; height: 44px !important; opacity: 1; background-color: rgba(0,0,0,.3); bottom: 15px; right: 15px; border: #fff solid 1px; color: #fff; border-radius: 3px; transition: background-color 0.2s ease-in-out; line-height: 44px; z-index: 3; display: flex; justify-content: center .adetail .media-inline .linkoverlay:after font-family: "Font Awesome 5 Free"; content: '\f35d'; font-size: 25px; font-weight: bold .adetail .media-inline:hover .linkoverlay background-image: none !important; background-color: #fff; color: rgba(0,0,0,1).adetail .media-inline .linkoverlay background-image: none !important; width: 44px !important; height: 44px !important; opacity: 1; background-color: rgba(0,0,0,.3); bottom: 15px; right: 15px; border: #fff solid 1px; color: #fff; border-radius: 3px; transition: background-color 0.2s ease-in-out; line-height: 44px; z-index: 3; display: flex; justify-content: center .adetail .media-inline .linkoverlay:after font-family: "Font Awesome 5 Free"; content: '\f35d'; font-size: 25px; font-weight: bold .adetail .media-inline:hover .linkoverlay background-image: none !important; background-color: #fff; color: rgba(0,0,0,1).adetail .media-inline .minfo padding-top: 5px; border-bottom: none.adetail .media-inline .mtitle, .adetail .media-inline .caption color: #717171; font-size: 15px; line-height: inherit.adetail .media-inline a:hover, .adetail .media-inline a:link, .adetail .media-inline a text-decoration: none !important; border-bottom: none !important.adetail .media-inline .image-wrapper display: block.adetail .breakout margin: 0 calc((40vw - 370px)*-1);.adetail .breakout, .adetail .media-inline.breakout .image-wrapper margin: 0 -315px;.adetail .media-inline.breakout margin: 0 auto 30px; width: 100% .adetail .media-inline.breakout .image-wrapper img width: 100% .adetail .media-inline-xlarge img width: 100%@media ( min-width: 1750px) @media ( max-width: 1556px) .adetail .breakout, .adetail .media-inline.breakout .image-wrapper margin: 0 calc((45vw - 385px)*-1); @media ( max-width: 1200px) .adetail header .date font-size: 1rem .adetail .tags a, .adetail .tags a:link font-size: 1rem .media-inline-popup img height: auto !important .media-inline-popup .media-inline-img-container min-height: 1px /*ie11*/ .media-inline-popup flex-direction: column; margin: 30px 30px 75px 30px; .media-inline-popup .info background-color: #000; margin-left: 0; width: 100%; .media-inline-popup .caption height: auto; width: 100%; /*background-color: #fff;*/ padding: 20px .media-inline-popup .action font-size: 1rem .inline-popup #cboxWrapper height: auto !important; width: 100% !important .inline-popup #cboxContent display: flex; flex-direction: column; width: 100% !important; height: 100% !important .inline-popup #cboxLoadedContent order: 2; width: 100% !important; height: 100% !important; overflow: hidden !important #colorbox.inline-popup position: fixed !important; height: auto !important; top: 15px !important; bottom: 0; left: 0 !important; right: 0; top: 0; overflow-y: auto !important; width: 100% !important .inline-popup #cboxClose order: 1; position: static; margin-bottom: 15px; margin-right: 30px; align-self: flex-end @media ( max-width: 965px) .media-inline-popup .bottom flex: 0 0 200px /* 650px content body starts to shrink */@media ( max-width: 855px) .adetail .breakout, .adetail .media-inline.breakout .image-wrapper margin: 0; @media ( max-width: 768px) .adetail.aframe .content padding: 0 .adetail.aframe .content .inside padding: 0px 15px .adetail header.body a color: #000 article.no-abanner-mobile header a.acategory-skew font-size: 1.1rem; box-shadow: none article.no-abanner-mobile header date font-size: 1.1rem a.acategory-skew font-size: 1.1rem; box-shadow: none .adetail .tags a margin: 0 7px 10px 0; font-size: 1.1rem .adetail .breakout, .adetail .media-inline.breakout .image-wrapper margin: 0 -15px; width: calc(100% + 30px) /* .adetail .media-inline-xlarge .image-wrapper, .adetail .media-inline .image-wrapper.breakout margin: 0 0 0 -8%; width: 101vw */ .adetail .gallery padding-bottom: 0 .ast-link.breakout margin: 0; max-width: 100% .ast-split.breakout .body margin: 0 15px; max-width: 100% @media ( max-width: 667px) .adetail .media-inline-xlarge .image-wrapper.video max-width: initial .adetail .media-inline-xlarge .image-wrapper, .adetail .media-inline .image-wrapper.breakout margin: 0 -15px 0 -15px; max-width: 100vw .ast-list .media-inline-xlarge .image-wrapper, .adetail .media-inline .image-wrapper.breakout margin: 0 -45px 0 -45px; max-width: 100vw .ast-list.circle .media-inline-xlarge .image-wrapper, .adetail .media-inline .image-wrapper.breakout margin: 0 -45px 0 -105px; max-width: 100vw /*quiz*/.adetail.quiz .body text-align: center.adetail header.during padding: 75px 0 25px 0; display: none; max-width: initial !important .adetail header.during .maintitle color: #717171; text-shadow: none; font-size: 2rem; margin-bottom: 10px; padding: 0 15px .adetail.aframe.quiz.during-state .content .inside padding: 0.adetail.aframe.quiz .content .inside max-width: none.adetail.during-state .body display: none.adetail.during-state #omniquiz box-shadow: 0px 0px 2px 2px #9e9e9e.adetail.during-state .banner-angle display: none.adetail.during-state .banner-image display: none.adetail.during-state header.start display: none.adetail.during-state header.during display: flex !important.adetail.during-state header.done display: none.adetail.during-state .social-top display: none.adetail.during-state .content padding: 0.adetail.done-state header.start display: none.adetail.done-state header.during display: none.adetail.done-state header.done display: flex !important .adetail.done-state header.done .maintitle.message font-family: 'Oswald', sans-serif; font-size: 1.6rem; margin-top: 0 /*quiz embed*/.adetail .quiz-embed background: rgb(242,245,246); background: radial-gradient(ellipse at center, rgba(242,245,246,1) 0%,rgba(227,234,237,1) 37%,rgba(200,215,220,1) 100%); .adetail .quiz-embed .omniquizQuestionContainer padding: 0 /******************* LISTING *********************/.alist position: relative;.alist-inner display: block.alist.stories padding: 0; font-family: 'Oswald', sans-serif; .alist.stories .item padding-bottom: 80px; position: relative .alist.experience.list .item .inner-list,.alist .subhead display: block;.alist.experience .item .inner-list,.alist.experience.list .item .subhead display: none;.alist.experience.list .item.mosaic padding: 0px; max-width: 50%; flex: 1 0 46%; margin: 5px; border: 1px solid rgba(0,0,0, .125); border-radius: .25em; opacity: 1; color: #003B4F;.aframe.also-like.list .poster a, .aframe.also-like.list .poster a:visited, .aframe.also-like.list .poster a:link color: #003B4F;.alist.experience.list .item.mosaic:hover border: 1px solid #003B4F; background-color: #fff; cursor: pointer; opacity: 1; box-shadow: 0px 15px 30px -12px #333; .alist.experience.list .item:hover h3 a color: #f8ba01; .alist.experience.list .item .storydate font-family: OswaldLight, sans-serif; font-weight: 400; .alist.experience.list .item:hover h3 a, .alist.experience.list .item:hover .storydate color: #f8ba01; background-color: #fff; .alist.experience.list .item.mosaic .title color: #003B4F; font-weight: 600; text-decoration: none; .alist.experience.list .item.mosaic .title:hover color: #f8ba01; .alist.experience.list .item .poster:after padding-top: 75%; content: '';.alist.experience.list .item .poster margin-left: 1%; background-color: transparent; .alist.experience.list .item .poster h3 display: none; .alist.experience .item .poster h3 display: block;.alist.experience.list .item .details h3 display: block; padding: 0;.alist.experience.list .item .image display: block; background-size: cover; margin-top: 1%; width: 100%;.alist.experience.list .item .taglist, .alist.experience.list .item .details display: block; .alist.experience.list .item .taglist ul list-style-type: none; padding-left: 5%; margin-top: 5%; alist.experience.list .item .taglist ul li padding-top: 10px;alist.experience.list .item .taglist a:before content: '\0020';.alist.experience.list .item a text-decoration: none; color: #003B4F;.alist.experience .item .taglist, .alist.experience .item .details display: none;.alist.experience.list .item .inner-list margin-right: 1%; position: relative;.alist.experience.list .item .details margin-right: 1%; text-decoration: none; padding-left: 5%; margin-bottom:55px;.alist.experience.list .item .details .list-info-text bottom: 5px; right: 5px; position: absolute; .alist.experience.list .item .details .detaillinks li display: inline; margin-right: 5% .alist.experience.list .item .details .detaillinks li:before, .alist.experience.list .item .details .storydate:before, .alist.experience.list .item .taglist li:before, .alist.experience.list .item .details .linkone a:before, .alist.experience.list .item .details .linktwo a:before font-family: 'Font Awesome\ 5 Free'; font-weight: 900; .alist.experience.list .item .details .detaillinks display: flex; .alist.experience.list .item .details .linkone flex: 1; .alist.experience.list .item .details .linktwo flex: 1; .alist.experience.list .item .details .linkone a:hover color: #f8ba01; .alist.experience.list .item .details .linktwo a:hover color: #f8ba01; /*.alist.experience.list .item .details .linkone a:before content: "\f1ea"; .alist.experience.list .item .details .linktwo a:before content: "\f21a"; */ /*.alist.experience.list .item .details .storydate:before content: "\f073" */.alist.experience.list .item .taglist li font-weight: 600; display: inline-block;.alist.experience.list .item .taglist margin-right: 5%;.alist.experience.list .item .taglist ul li a:hover color: #f8ba01;.alist.experience.list .item .taglist ul li a i:hover color: #f8ba01;.alist.experience.list .item .taglist li a:visited color: #003B4F;.alist.experience.list .item .details .detaillinks ul padding-left: 0; margin-bottom: 5%;.alist.experience.list .item .details .detaillinks padding-left: 0; margin-top: 5%; margin-bottom: 3%;.alist.experience.list .item .listsubhead a display: block; margin-bottom: 10px; font-size: .7rem; width: 100%; padding: 3px; border-radius: 4px; margin: 1.5% 5% 1% auto; display: block; background: #333; color: #fff; cursor: pointer; text-align: center; text-transform: capitalize; font-weight: normal; white-space: nowrap; vertical-align: middle; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; border: 1px solid #6c757d; background-color: #6c757d; line-height: 2; transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out; min-width: 75px;.alist.experience.list .item .listsubhead a:active color: #fff; background-color: #545b62; border-color: #4e555b;.alist.experience.list .item .listsubhead a:focus box-shadow: 0 0 0 0.2rem rgba(108,117,125,.5);.alist.experience.list .item .listsubhead a:after content: ">";.alist.experience.list .item display: flex;.alist.experience.list .item .inner-grid flex: 1; margin-top: 1%; margin-left: 1%; margin-bottom: 1%;.alist.experience.list .item .inner-list flex: 2; border-left: 1px solid #eee; margin-top: 1%; margin-left: 1%; margin-bottom: 1%;.alist.experience.list .poster h3 text-shadow: none;@media(max-width:1024px) .alist.experience.list .item max-width: 100%; .alist.experience.list .item .overlay display: none.alist.experience.list .item .info display: block; position: relative; padding: 0/*category*/.alist.stories .item a.category, .alist.stories .item a.category:link margin-bottom: 10px; margin-top: 5px; color: #003b4f; display: block.alist.stories.breaking .item a.category span display: none.alist.stories.breaking .item a.category pointer-events: none; cursor: default; text-decoration: none; .alist.stories.breaking .item a.category:after color: #f8ba01; content: 'BREAKING' /*poster*//*.alist.stories .item.hover .poster div transform: scale(1.1); */.alist.stories .item .poster float: right; overflow: hidden; position: relative; border-radius: 4px; border: #adadad solid 1px; display: inline-block; -webkit-box-shadow: 0px 32px 23px -10px rgba(0,0,0,.2); box-shadow: 0px 32px 23px -10px rgba(0,0,0,.2); width: 60% .alist.stories .item .poster div position: absolute; top: -1px; bottom: -1px; right: 0; left: 0; width: 100%; height: auto; background-position: center; background-size: cover; background-repeat: no-repeat; transition: all .25s ease-out; .alist.stories .item a.title, .alist.stories .item a.title:link font-size: 2rem; line-height: 1.2em; font-weight: bold; color: #333; margin-bottom: 10px.alist.stories.breaking .item .poster right: 10%/*.alist.stories .item.hover .poster .avideo-icon transform: scale(1.1); */@media ( max-width: 992px) .alist.stories .item.hover .poster .avideo-icon transform: scale(.9); @media ( max-width: 767px) .alist.stories .item.hover .poster .avideo-icon transform: scale(.8); @media ( max-width: 550px) .alist.stories .item.hover .poster .avideo-icon transform: scale(.7); /*info block*/.alist.stories .item .info z-index: 3; cursor: pointer; position: absolute; left: 14%; background: rgba(255, 255, 255, 0.9); width: 38%; padding: 20px 30px 30px; border-top: solid 8px #355D8E; border-radius: 3px; bottom: 110px; -webkit-box-shadow: 0px 3px 5px 1px rgba(0,0,0,.3); box-shadow: 0px 3px 5px 1px rgba(0,0,0,.3); margin: 0 5px 0 5px .alist.stories .item .info .bar display: flex; justify-content: flex-start; padding-top: 30px; color: #717171; align-items: center; .alist.stories.breaking .item .info border-color: #F8BA01;/*play button*/.alist.stories .item .info a.play display: flex; align-items: center; justify-content: center; position: absolute; right: -33px; bottom: 30px; width: 66px; height: 66px; border-radius: 50%; background-color: #003b4f; color: #fff; font-size: 1.6rem; padding: 2px 0 0 4px .alist.stories .item .info a.play:hover text-decoration: none; .alist.stories .item .info a.play span:after font-family: 'Font Awesome\ 5 Free'; content: '\f054'; .alist.stories.breaking .item .info a.play background-color: #f8ba01;/*date*/.alist.stories .item time order: 3; padding-left: 36px; font-size: .85rem; padding: 0 2rem/*info - social icons*/.alist.stories .item .info .social order: 2/*1st item*/.alist.stories .item:nth-child(even) .info right: 14%; left: inherit.alist.stories .item:nth-child(even) .poster float: left.alist.stories .item:nth-child(even) .info a.play left: -33px; padding: 2px 4px 0 0 .alist.stories .item:nth-child(even) .info a.play span:after content: '\f053'; .alist.stories .item:nth-child(even) .info time order: 1.alist.stories .item:nth-child(even) .info .bar justify-content: flex-end.alist.stories.breaking .item:nth-child(even) .poster left: 10%/*pager*/.alist .pager position: relative; z-index: 10.alist .apager display: flex; flex-direction: row; justify-content: center; .alist .apager div width: 55px; height: 55px; text-align: center; line-height: 53px; font-size: 30px; font-weight: bold .alist .apager a, .alist .pager a:link color: #696969 .alist .apager .active border-radius: 50%; background-color: #003b4f .alist .apager .active a, .alist.stories .pager .active a:link, .alist.stories .pager .active a:hover color: #fff .alist .apager .disabled, .alist.stories .apager .disabled a color: rgba(105, 105, 105,0.25) .alist .apager .nextprev font-size: 40px; font-weight: normal .alist.no-items display: block; font-size: 1.2rem@media ( max-width: 1200px) .alist.stories .item .info width: 46%; left: 8% .alist.stories .item:nth-child(even) .info right: 8% .aframe.also-like .poster h3 font-size: 1.5rem; line-height: 2.2rem; @media ( max-width: 992px) .alist.stories .item padding-bottom: 0 .alist.stories .item a.category margin-bottom: 10px; font-size: 1.2rem .alist.stories .item .title font-size: 30px; line-height: 35px .alist.stories .item .info position: relative; width: 90%; bottom: 80px; margin: 0 5px 0 5px; padding: 20px 24px 20px 24px; margin: 0 auto; left: 0 .alist.stories .item .info a.play top: -35px; right: 30px; bottom: initial; width: 60px; height: 60px; font-size: 1.6rem; .alist.stories .item .info a.play span padding: 2px 0 0 .alist.stories .item .info .bar justify-content: space-between; padding-top: 20px .alist.stories .item .info time order: 3; font-size: 1rem; padding-right: 0; .alist.stories .item .poster text-align: center; .alist.stories .item .poster width: 100%; float: none; .alist.stories.breaking .item .poster right: 0 .alist.stories.breaking .item:nth-child(even) .poster left: 0 .alist.stories .item:nth-child(even) .poster float: none; width: 100% .alist.stories .item:nth-child(even) .info right: initial .alist.stories .item:nth-child(even) .info .social float: none; order: 0 .alist.stories .item:nth-child(even) .info a.play left: inherit; .alist.stories .item:nth-child(even) .info a.play span padding: 2px 0 0 4px .alist.stories .item:nth-child(even) .info a.play span:after content: '\f054'; .alist.stories .item:nth-child(even) .info .bar justify-content: space-between .aframe.also-like .poster h3 font-size: 1.2rem; line-height: 2.1rem; @media ( max-width: 767px) .alist.stories .item a.category font-size: 1.4rem .alist.stories .item .info time font-size: 1.2rem .alist.stories .item .info a.play font-size: 1.8rem .aframe.also-like .item.mobile margin-top: 0; margin-bottom: 0; flex: 0 0 49.1%; .aframe.also-like .item.mobile:nth-child(odd) .inner padding: 0; .aframe.also-like .item.mobile:nth-child(even) .inner padding: 0; @media ( max-width: 550px) .alist.stories .item .info a.play width: 50px; height: 50px; top: -30px .alist.stories .item .info a.play font-size: 1.6rem @media all and (max-width: 420px) .aframe.also-like .item.mobile .poster .subhead display: none; .aframe.also-like .item.mobile .poster h3 top: auto; bottom: 0; padding: 0; margin: auto; width: 97.0%; font-size: 1.2rem; text-align: center; text-shadow: 1px 1px 5px #000; .aframe.also-like .item.mobile .poster h4 display:block; .aframe.also-like .item.mobile .poster .overlay.overlay-info display: none; .aframe.also-like .item.mobile .poster.noimage:after content: ''; padding: 18%; .aframe.also-like .item.mobile .poster.noimage h4 span padding: 0 10px; border-bottom: 2px solid #fff; .aframe.also-like .item.mosaic max-width: 100%; flex: 1 0 100%; @media (max-width: 320px) .adash.suggest .poster width: 40%; height: 10%; /* list view */.alist.stories.list .alist.stories.list .item padding-bottom: 30px .alist.stories.list .item .poster display: none; .alist.stories.list .item .info a.play display: none .alist.stories.list .item .info position: relative; width: 99%; bottom: 0; left: inherit; right: inherit .alist.stories.list .item .info .bar justify-content: flex-start; .alist.stories.list .item .info time order: 3; padding-left: 50px .alist.stories.list .item .info:hover transform: none /* search view */ .alist.stories.list.search .item display: flex .alist.stories.list.search .item .poster-outer display: inline-block; flex: 0 0 30%; width: 100%; .alist.stories.list.search .item .poster float: none; display: inline-block; box-shadow: none; width: 100% .alist.stories.list.search .item .poster:hover .alist.stories.list.search .item .info flex: 0 0 70%; border: none; box-shadow: none; margin: 0; padding: 0 0 0 30px; cursor: auto /*.alist.stories.list.search .item .poster:hover div transform: scale(1.1); */ .alist.stories.list.search .item .category line-height: 1.2em; margin-top: 0 .alist.stories.list.search .item .info .bar padding-top: 20px .alist.stories.list.search .item .info time padding-left: 30px .alist.stories.list.search .item .avideo-icon transform: scale(.7) .alist.stories.list.search header .maintitle font-family: 'Oswald', sans-serif; margin: 0 .alist.stories.list.search header .subtitle font-family: 'Oswald', sans-serif; margin: 0 .alist.stories.list.search .pager margin: 4rem 0 1rem 0 .alist.stories.list.search .content min-height: 500px @media ( max-width: 1400px) @media ( max-width: 1200px) .alist.stories.list.search .item .avideo-icon transform: scale(.5) .alist.stories.list.search .item .poster:hover .avideo-icon transform: scale(.6) @media ( max-width: 992px) @media ( max-width: 767px) .alist.stories.list.search .item display: block .alist.stories.list.search .item .avideo-icon transform: scale(.8) .alist.stories.list.search .item .poster display: block; flex: none .alist.stories.list.search .item .info flex: none; padding: 0 0 20px .alist.stories.list.search .item .info .bar padding-top: 15px .alist.stories.list.search .item .poster:hover .avideo-icon transform: scale(.9) /*subtitle*/.alist .subtitle span font-size: 24px; color: rgb(195,55,56)/* quiz listing */.alist.quiz .alist.quiz .alist-inner display: flex; flex-wrap: wrap; margin: 30px -15px;.alist.quiz .item width: 33.33%; padding: 0 15px 60px;.alist.quiz .quiz-image padding-top: 81.25%; background-size: cover; background-position: center center;.alist.quiz .info background: #fff; padding: 25px 25px 70px; position: relative; width: 85%; margin: -100px auto 0; box-shadow: 0px 3px 5px 1px rgba(0,0,0,.3); min-height: 140px;.alist.quiz .info:before content: ''; display: block; position: absolute; left: 0; right: 0; height: 10px; top: -10px; background-size: 100% 100%; background-image: url("data:image/svg+xml,%3Csvg xmlns=' ' preserveAspectRatio='none' viewBox='0 0 10 10'%3E%3Cpolygon fill='white' points='10,10 10,0 0,10' opacity='1'%3E%3C/polygon%3E%3C/svg%3E");.alist.quiz .info .title font-size: 1.4rem; font-weight: bold; display: block;.alist.quiz .info .category transform: skewX(-15deg); color: #fff; background: #355E92; position: absolute; top: -30px; right: 20px; text-transform: uppercase; padding: 8px 25px; font-weight: bold; letter-spacing: 2px;.alist.quiz .info .category span transform: skewX(15deg); display: block.alist.quiz .info .quiz-question-count position: absolute; bottom: 25px; left: 25px;@media ( max-width: 1400px) .alist.quiz .item width: 50%; @media ( max-width: 1024px) .alist.quiz .item width: 100%; .alist.quiz .info .title font-size: 2rem; .alist.quiz .info min-height: 0 !important; @media ( max-width: 776px) .alist.quiz .info .quiz-question-count font-size: 1.2rem; .alist.quiz .info .category font-size: 1.2rem; .alist.quiz.list .alist-inner display: block; margin: 60px 0 0;.alist.quiz.list .item width: 100%; padding: 0;.alist.quiz.list .quiz-image display: none;.alist.quiz.list .info:before display: none;.alist.quiz.list .info margin: 0 0 70px; padding: 40px 30px 30px; width: auto; border-top: solid 8px #355D8E; border-radius: 3px; box-shadow: 0px 3px 5px 1px rgba(0,0,0,.3);.alist.quiz.list .info .title font-size: 2rem; margin: 0 0 10px;.alist.quiz.list .info .category right: auto; left: 40px; top: -30px;.alist.quiz.list .info .quiz-question-count position: static; display: block; font-size: 1.2rem;@media ( max-width: 450px) .alist.quiz .info margin: -50px auto 0; width: 90%; .alist.quiz .info .title font-size: 1.6rem; /******************* filter *********************/.afilter position: relative; width:1140px; margin: 0 auto; .afilter input, .afilter select background: #fff; border: solid 1px rgb(0,59,79); padding: 10px 20px; height: 50px !important; font-size: 1rem !important; text-transform: uppercase; font-family: 'Oswald', sans-serif; color: #003b4f; .afilter select cursor: pointer; -webkit-appearance: none;.afilter input::-ms-input-placeholder /* Internet Explorer 10-11 */ color: #696969;.afilter input::-ms-input-placeholder /* Microsoft Edge */ color: #696969;.afilter input::placeholder /* Most modern browsers support this now. */ color: #696969;.afilter .RadInput_Default .riEmpty color: #696969; font-weight: normal.afilter select option margin-bottom: 13px; margin-left: 200px.afilter .bbb /*border: solid 1px rgb(0,59,79);*/ background-color: #fff; border-radius: 4px; position: relative; width: 100%; font-weight: normal .afilter .bbb:after position: absolute; right: 20px; top: 10px; font-family: 'Font Awesome\ 5 Free'; font-weight: bold; content: '\f078'; color: rgb(0,59,79); font-size: 24px; pointer-events: none; background-color: #fff /*.afilter .search float: right;*/.afilter .search input background-color: #fff; border: 2px solid #003b4f; color: #003b4f; padding: 10px 55px; background-color: rgba(53,94,141,.05); font-weight: bold; margin: 15px; .afilter .search input:hover transition: all 0.5s; background-color: #003b4f; color: #fff .afilter .RadPicker table.rcTable border: solid 1px rgb(115,124,128); border-radius: 4px; display: inline-block; background-color: #fff .afilter .riSingle .riTextBox[type="text"] margin-left: 2px; border: none; font-style: normal; font-family: 'Oswald', sans-serif; padding: 10px 20px; font-size: 1rem !important .afilter .RadPicker_Default a.rcCalPopup background-image: none; text-indent: 0; width: 50px; height: 40px; font-size: 0; margin: 0.afilter .RadPicker_Default a.rcCalPopup::after font-family: "Font Awesome 5 Free"; content: '\f073'; color: #717171; font-size: 28px; position: absolute; top: 4px; right: 10px; width: 40px; height: 40px; visibility: visible.afilter .RadPicker_Default width: 50% !important; float: left.afilter .RadPicker_Default:first-child padding-right: 15px.afilter .RadPicker_Default:last-child padding-left: 15px.RadCalendarPopupShadows > .rcShadTR, .RadCalendarPopupShadows > .rcShadBL, .RadCalendarPopupShadows > .rcShadBR display: none.RadCalendar .rcRow td, .RadCalendar .rcWeek th text-align: center !important; font-size: 1.2rem !important.afilter .top-bar display: flex; flex-direction: row; justify-content: space-between; padding: 11px 11px 15px; .afilter .top-bar .toggle border: solid 2px #003b4f; padding: 10px 55px 10px 55px; font-size: 20px; height: 50px; border-radius: 4px; color: #003b4f; font-family: 'Oswald', sans-serif; text-transform: uppercase; background-color: rgba(0,59,79,.05); font-weight: bold; display: flex; align-items: center; .afilter .top-bar .toggle span padding-left: 5px.afilter .top-bar a.toggle:link color: rgb(0,59,79); text-decoration: none.afilter .top-bar a.toggle:hover color: rgba(0,59,79, 1); background-color: rgba(0,59,79,.2); transition: all 0.5s; text-decoration: none .afilter .top-bar a.toggle.showit span:before font-family: 'Font Awesome\ 5 Free'; content: '\f077' .afilter .sel-card, .afilter .sel-list color: #717171.afilter a.select-view:link text-decoration: noneul.tagit border-color:#003b4f; border-radius: 4px;ul.tagit li.tagit-choice background-color: rgba(0,59,79, .3); border-color: rgba(0,59,59,1);ul.tagit li.tagit-choice:hover color:#fff; background-color: rgba(0,59,79, .8); border-color: rgba(0,59,59,1);ul.tagit li.tagit-choice .tagit-label:not(a) color:rgba(0,59,59,1);ul.tagit li.tagit-choice .tagit-label:hover color:#fff;afilter select:after font-family: 'Font Awesome\ 5 Free'; font-weight: bold; content: '\f011';.afilter select:hover, ul.tagit:hover border-color: #f8ba01;.afilter input:hover:not([type='submit']) border-color: #f8ba01;.afilter .select-view border-color: transparent; color: #003b4f; border-radius: 4px; display: inline-block; width: 50px; height: 50px; margin-left: 15px; display: flex; justify-content: center; align-items: center .afilter .select-view span color: #003b4f; font-size: 1.6rem; padding-top: 2px .afilter .select-view.selected background-color: #f8ba01; .afilter .select-view.selected span color: #fff .afilter .select-view.selected:hover text-decoration: none; background-color: #f8ba01; transition: none .afilter .select-view:hover text-decoration: none; transition: all 0.5s; background-color: rgba(105,105,105,.2) .afilter .view-selector display: flex;.afilter .filter-item padding-bottom: 20px.afilter .items display: inline-block; overflow: hidden; width: 100%; padding: 11px; .afilter .items.showit width: 100%; .btn-primary:hover background-color: #003b4f; border-color: #003b4f;@media ( max-width: 992px) .afilter .top-bar .toggle padding: 10px 25px; .afilter .RadPicker_Default width: 100% !important .afilter .RadPicker_Default:first-child padding-right: 0px; padding-bottom: 20px .afilter .RadPicker_Default:last-child padding-left: 0px; .afilter input font-size: 1.2rem !important .afilter select font-size: 1.2rem !important .afilter .riSingle .riTextBox[type="text"] font-size: 1.2rem !important @media ( max-width: 767px) .afilter .RadPicker_Default:first-child padding-bottom: 15px .afilter .filter-item padding-bottom: 15px .afilter .search input font-size: 1.4em !important; margin-top: 15px .afilter .sel-card margin-left: 0; /*********** smart tokens **************/.ast-notes .ntext color: #333.ast-list .item .title font-family: 'Oswald', sans-serif; font-weight: 600 !important.aframe .ast-list ul margin: 0;.ast-glance font-family: 'Oswald', sans-serif; color: #717171/*********** filter ****************/.alist .subtitle display: flex; align-items: center.subtitle .filter-markers display: flex; align-items: center.subtitle .filter background-color: transparent; color: #808080; padding-top: 0px; padding-bottom: 0px.subtitle .filter-clear padding-top: 0px.subtitle .filter-title font-size: 1.2rem; padding-top: 0; padding-bottom: 0@media ( max-width: 992px) .subtitle .filter, .subtitle .filter-title font-size: 1.2rem .subtitle .filter-clear padding-top: 4px /************ DASHBOARDS*************//* general */.alist.adash h2 color: #000/*.adash .pull-title font-size: 3em;margin: 0 0 3em *//* suggest */.adash.suggest padding: 3em 0 .adash.suggest h2 display: block; color: #000; font-size: 2rem; font-family: 'Oswald', sans-serif; text-transform: uppercase; text-align: center; margin-bottom: 3rem; padding: 0 20px; line-height: 1.2em; .adash.suggest .items display: flex; flex-wrap: wrap; font-family: Oswald, Arial; justify-content: center; z-index: 9; .adash.suggest .item padding: 0 0 2em 1em; flex: 0 0 30%;.adash.suggest .poster-outer flex: 0 0 40%.adash.suggest .info flex: 0 0 60%; padding-left: 0px; padding-right: 10px; text-transform: uppercase;/*.adash.suggest .item:nth-child(even) padding-left: 2rem .adash.suggest .item:nth-child(odd) padding-right: 2rem */.adash.suggest .poster a position: absolute; top: 0; bottom: 0; left: 0; right: 0; z-index: 9;.adash.suggest .poster cursor: pointer; overflow: hidden; position: relative; display: inline-block; width: 100%; background-color: #000; border: 1px solid #adadad.adash.suggest .poster:after padding-top: 80%; /* 5:4 ratio */ display: block; content: '';.adash.suggest .poster .image position: absolute; top: -1px; bottom: -1px; right: 0; left: 0; width: 100%; height: auto; background-position: center; background-size: cover; background-repeat: no-repeat; transition: all .25s ease-out;.adash.suggest .poster .image p.alt position: absolute !important; clip: rect(1px 1px 1px 1px); /* IE6, IE7 */ clip: rect(1px, 1px, 1px, 1px); top: auto; left: -9999px; width: 1px; height: 1px; overflow: hidden;/*.adash.suggest .poster:hover .image transform: scale(1.1); */.adash.suggest .poster:hover a.title text-decoration: underline; color: #fff .adash.suggest a.title, .adash.suggest a.title:link color: #000; font-size: 1.4rem; font-weight: bold; line-height: 1.3em; font-family: 'Oswald', sans-serif; margin: 0 .adash.suggest a.category, .adash.suggest a.category:link display: block; margin-bottom: 5px; font-size: .6rem; color: #003b4f; text-transform: uppercase; letter-spacing: 1px; .adash.suggest .avideo-icon transform: scale(.7).adash.suggest .poster:hover .avideo-icon transform: scale(.8).adash .footer a padding: 6px 0px; color: #084476; display: inline-block; font-weight: normal;@media ( max-width: 1400px) .adash.suggest .avideo-icon transform: scale(.5) .adash.suggest .poster:hover .avideo-icon transform: scale(.6) @media(max-width: 1280px) .aframe.also-like .item-long.mosaic .poster:after padding-top: 37.7%; display: block; content: ''; @media ( max-width: 1200px) .adash.suggest a.category, .adash.suggest a.category:link margin-bottom: 5px .adash.suggest .item padding: 0 0 2rem 1em; .adash.suggest .info padding: 0 20px /* .adash.suggest .item:nth-child(even) padding-left: 1rem .adash.suggest .item:nth-child(odd) padding-right: 1rem */@media ( max-width: 992px) /*.adash.suggest .item flex: 0 0 95% */ .adash.suggest .item flex: 0 0 45%; .adash.suggest a.title, .adash.suggest a.title:link font-size: 1.2rem .adash.suggest a.category, .adash.suggest a.category:link font-size: 1rem .adash.suggest .avideo-icon transform: scale(.4) .adash.suggest .poster:hover .avideo-icon transform: scale(.5) @media ( max-width: 767px) .adash.suggest .item flex: 0 0 49.4% .adash.suggest .poster-outer flex: 0 0 40% .adash.suggest .info flex: 0 0 65% .adash.suggest a.title, .adash.suggest a.title:link font-size: 1.1rem .adash.suggest a.category, .adash.suggest a.category:link font-size: 20px; margin-bottom: 5px; font-size: 17px .adash.suggest .item:nth-child(even) padding: 0 15px 30px .adash.suggest .item:nth-child(odd) padding: 0 15px 30px .adash.suggest .avideo-icon transform: scale(.6) .adash.suggest .poster:hover .avideo-icon transform: scale(.7) .alist.experience.list .item.mosaic .image width: 95%; @media ( max-width: 600px) .adash.suggest .item display: flex; flex-direction: column; flex: 0 0 100%; border-bottom: 2px solid #003b4f .adash.suggest .item:hover box-shadow: 1px 1px 5px #000; .adash.suggest .poster flex: none .adash.suggest .info flex: none; padding-left: 0; padding-top: 5px; color: #003b4f; padding-left: 0px; .adash.suggest .info a color: #003b4f; font-size: 1.0rem; line-height: 1.1rem; max-height: 6.1rem; font-stretch: condensed; font-family: 'Oswald', sans-serif; .adash.suggest .item:hover .info a color: #f8ba01; text-shadow: text-shadow: 0 0 10px rgba(0,0,0,0.3); .adash.suggest a.category, .adash.suggest a.category:link font-size: 20px; margin-bottom: 5px; font-size: .6rem; padding-top: 5px @media ( max-width: 550px) .alist.experience.list .item padding-right: 15px; .alist.experience.list .item .taglist display: none; .alist.experience.list .item .detailsinfo display: none; .alist.experience.list .item .list-info-text .listsubhead display: none; .alist.experience.list .item .details .detaillinks display: none; .alist.experience.list .item.mosaic .image width: 100%; /* also like */.aframe.also-like .adash.suggest .info-text .title .mobileDate display:none;.aframe.also-like h2 color: #fff; display: block;.aframe.also-like .items display: flex; flex-wrap: wrap; height: auto; font-family: 'Oswald', sans-serif; width: 100%;justify-content: center;margin-top: 31px; .aframe.also-like .list .items display: block; .aframe.also-like .item max-width: 49%; padding: 0; flex: 1 0 49%; margin: 0 5px; .aframe.also-like .item.mosaic max-width: 33%; padding: 0; flex: 1 0 25%; margin: 2px; .aframe.also-like .item-long.mosaic max-width: 100%; padding: 0; flex: 1 0 58%; margin: 2px; overflow: hidden;.aframe.also-like .item-long.mosaic flex: 1 0 58.3%; .aframe.also-like .item:hover opacity: 0.7; /*.aframe.also-like .item:nth-child(even) .inner padding-left: 4% .aframe.also-like .item:nth-child(odd) .inner padding-right: 4% */.aframe.also-like .poster h3 position: absolute; top: 0; padding: 1.5rem; z-index: 4; text-shadow: 1px 1px 5px #000; .aframe.also-like .poster h4 display:none; position: absolute; top: 0; z-index: 4; color: #fff; width: 100%; text-align: center; font-size: 1.4rem; text-shadow: 1px 1px 5px #000; .aframe.also-like .info position: absolute; bottom: 0; padding: 1.5rem; z-index: 4; .aframe.also-like .overlay z-index: 2; position: absolute; top: 0; left: 0; right: 0; bottom: -1px; width: 1920px; .aframe.also-like .overlay.overlay-image background-color: rgba(0,0,0,.15) .aframe.also-like .overlay.overlay-info background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.65) 44%,rgba(0,0,0,0.65) 100%); z-index: 5 .aframe.also-like .info-text z-index: 5; position: relative; .aframe.also-like .item-long.mosaic .poster cursor: pointer; overflow: hidden; position: relative; display: inline-block; width: 100%; .aframe.also-like .poster cursor: pointer; overflow: hidden; position: relative; display: inline-block; width: 100%; background-color: #000 .aframe.also-like .poster > a position: absolute; top: 0; bottom: 0; left: 0; right: 0 .aframe.also-like .poster a, .aframe.also-like .poster a:visited, .aframe.also-like .poster a:link z-index: 7; color: #fff .aframe.also-like .poster:after padding-top: 38%; /* 16x9 ratio */ display: block; content: ''; .aframe.also-like .item-long.mosaic .poster:after padding-top: 39.7%; display: block; content: '';.alist.experience.list .item-long.mosaic .poster:after padding-top: 80%; display: block; content: '';aframe.also-like .list .item.mosaic .poster:after padding-top: 80%; display: block; content: '';.aframe.also-like .poster .image position: absolute; top: -1px; bottom: -1px; right: 0; left: 0; width: 100%; height: auto; background-position: center; background-size: cover; background-repeat: no-repeat; transition: all .25s ease-out; .aframe.also-like .poster .image p.alt position: absolute !important; clip: rect(1px 1px 1px 1px); /* IE6, IE7 */ clip: rect(1px, 1px, 1px, 1px); top: auto; left: -9999px; width: 1px; height: 1px; overflow: hidden; /*.aframe.also-like .poster:hover .image transform: scale(1.1); */ .aframe.also-like .poster:hover a.title text-decoration: none; color: #fff .aframe.also-like .subhead display: block; margin-bottom: 5px; font-size: 1.2rem; color: #e2973b; text-shadow: 2px 2px 10px rgba(0,0,0,0.6); text-transform: uppercase; font-weight: bold; letter-spacing: 3px .aframe.also-like h3.ellipsis:before content: "..."; position: absolute; bottom: 0; right: 0; color: #fff .aframe.also-like h3 font-size: 2.2rem; line-height: 2.7rem; font-family: 'Oswald', sans-serif; color: #fff; margin: 0; .aframe.also-like .pull-title text-shadow: 0 0 10px rgba(0,0,0,0.3); .aframe .item.mobile .poster h4 display: none; text-shadow: 1px 1px 5px rgba(0,0,0,1);@media ( max-width: 1400px) .alist.experience.list .item .listsubhead a width: 30%; @media ( max-width: 1200px) .alist.experience.list .item .listsubhead a width: 35%; @media ( max-width: 1024px) .aframe.also-like .item.mobile flex: 0 0 49.0%; margin: 0px 2px; .alist.experience.list .item .listsubhead a width: 45%; .aframe.also-like .item-long.mosaic flex: 0 0 66.1%; margin: 2px; .aframe.also-like .item:nth-child(even) .inner padding: 0; .aframe.also-like .item:nth-child(odd) .inner padding: 0; @media ( max-width: 992px) .aframe.also-like h3 font-size: 1.5rem; line-height: 2.1rem; @media (max-width:782px) .aframe.also-like .item-long.mosaic flex: 0 0 66%; margin: 2px; @media ( max-width: 767px) .aframe.also-like .info padding: 1.2rem .aframe.also-like h3 font-size: 2rem; line-height: 2.5rem; max-height: 7.5rem .aframe.also-like.list h3 font-size: 1.2rem; line-height: 1.5rem; max-height: 7.5rem .alist.experience.list .item .listsubhead a font-size: .6rem; .aframe.also-like .item flex: 0 0 100%; max-width: 100%; .aframe.also-like .items margin: 0 auto; .aframe.also-like .item-long.mosaic flex: 1 0 58%; margin: 2px .aframe.also-like .item-long.mosaic .poster:after padding-top: 40%; display: block; content: ''; .alist.experience.list .item.mosaic flex: 0 0 98%; max-width: 100%; flex-direction: row-reverse; border: none; border-bottom: 2px solid #003b4f; border-radius: 0px; .alist.experience.list .item.mosaic:hover border: none; border-bottom: 2px solid #003b4f; border-radius: 0px; box-shadow: 0px 15px 30px -12px #333; .alist.experience.list .item.mosaic .listsubhead display:none; .alist.experience.list .item.mosaic .detailsinfo margin-bottom: 11px; @media (max-width: 600px) .adash.suggest .info-text .title .mobileDate display: block; .adash.suggest .poster-outer flex: 0 0 100%; display: inline-flex; flex-direction: row-reverse; padding-top: 11px; .adash.suggest .poster width: 35%; .adash.suggest .info width: 65%; .adash.suggest .item:nth-child(odd) padding: 0 15px 11px; .adash.suggest .item:nth-child(even) padding: 0 15px 11px; @media(max-width:576px) .aframe.also-like .item flex: 0 0 100% !important; max-width: 100% !important; .aframe.also-like .item:nth-child(4):not(.mosaic) .poster, .aframe.also-like .item:nth-child(5):not(.mosaic) .poster, .aframe.also-like .item:nth-child(6):not(.mosaic) .poster background-color: #333; .aframe.also-like .item:nth-child(4):not(.mosaic) .poster .image, .aframe.also-like .item:nth-child(5):not(.mosaic) .poster .image, .aframe.also-like .item:nth-child(6):not(.mosaic) .poster .image display:none; .aframe.also-like .item:nth-child(4):not(.mosaic) .poster:after, .aframe.also-like .item:nth-child(5):not(.mosaic) .poster:after, .aframe.also-like .item:nth-child(6):not(.mosaic) .poster:after padding-top: 55%; display: block; content: ''; .aframe.also-like .item:nth-child(4):not(.mosaic) .storydate, .aframe.also-like .item:nth-child(5):not(.mosaic) .storydate, .aframe.also-like .item:nth-child(6):not(.mosaic) .storydate padding-bottom: 9px; border-bottom: 2px solid #fff; @media ( max-width: 550px) .aframe.also-like h3 font-size: 1.6rem; line-height: 2.1rem; max-height: 6.3rem .aframe.also-like.list h3 font-size: 1.3rem; line-height: 1.6rem; max-height: 6.1rem; font-stretch: condensed; font-family: 'Oswald', sans-serif; .aframe.also-like.list .item flex-direction: row-reverse; border: none; border-bottom: 2px solid #003b4f; border-radius: 0px; .aframe.also-like.list .item:hover border: none; border-bottom: 2px solid #003b4f; border-radius: 0px; .alist.experience.list .item .inner-list border: none; padding-left: 0px; margin-left: 1%; padding-top:5px; .alist.experience.list .item .inner-list border: none; padding-left: 0px; margin-left: 1%; @media (max-width: 480px) .aframe.also-like .items width: 95%; .aframe.also-like .item flex: 0 0 100%; .aframe.also-like .item.mobile flex: 0 0 100%; /*newsroom*/.adash.newsroom .dropdown-menu > li > a cursor: pointer;.adash.newsroom .menu-grid .adash.newsroom .menu-grid display: flex; font-family: 'Oswald', sans-serif; cursor: pointer; border-top: 1px solid #717171; border-left: 1px solid #717171; border-radius: 4px.adash.newsroom .menu-item flex-grow: 2; padding: 10px; text-transform: uppercase; color: #717171; background-color: #fff; border-right: 1px solid #717171; border-bottom: 1px solid #717171; text-align: center; .adash.newsroom .menu-item:not(.active):hover color: rgb(105,105,105); background-color: rgba(105,105,105,.2); transition: all 0.5s; .adash.newsroom .menu-item.active background-color: #355e92; color: #fff .adash.newsroom .menu-select display: none; text-transform: uppercase; font-size: 1.1rem; padding: 1rem 0 1.3rem; width: 100%; text-align: center; font-family: 'Oswald', sans-serif; letter-spacing: 3px; .adash.newsroom .menu-select.top-bar .filter display: inline-block; font-size: 17px; margin: 0 15px .adash.newsroom .menu-select .select-menu text-transform: uppercase; width: 210px; font-weight: bold .adash.newsroom.alist.stories display: none.adash.newsroom.alist.stories .item padding-bottom: 0.adash.newsroom.alist.stories .item .info cursor: auto; width: 100%; padding-left: 0; padding-right: 0; box-shadow: none; border-top: none; border-bottom: 1px solid #aeaeae; border-radius: 0; display: flex; justify-content: space-between; align-items: center; margin: 0.adash.newsroom.alist.stories .item .info .bar padding-top: 20px.adash.newsroom.alist.stories .item:last-child .info border: none;.adash.newsroom.alist.stories .item time padding-left: 0; font-size: 1rem.adash.newsroom.alist.stories .item .lside padding-right: 45px.adash.newsroom .more-row width: 100%; padding: 50px 0; text-align: center;.adash.newsroom.alist.stories .item .category font-size: 1.2rem.adash.newsroom.alist.stories .item .title font-size: 1.8rem@media ( max-width: 767px) .adash.newsroom .menu-grid display: none .adash.newsroom .menu-select display: flex; justify-content: center; align-items: center .adash.newsroom.alist.stories .item .info display: block; padding-left: 15px; padding-right: 15px .adash.newsroom.alist.stories .item .lside padding-right: 0 .adash.newsroom.alist.stories .item .social margin-top: 15px .adash.newsroom.alist.stories .item .category font-size: 20px .adash.newsroom.alist.stories .item time font-size: 17px .aframe.also-like .poster h3 font-size: .9rem; line-height: 1.5rem; @media ( max-width: 450px) .adash.newsroom .menu-select.top-bar .filter margin-bottom: 15px .adash.newsroom .menu-select flex-direction: column /* today in dod */.adash.today header .date font-family: 'Oswald', sans-serif; font-size: 20px; text-transform: uppercase; letter-spacing: 3px.adash.today header .subtitle font-size: 20px.adash.today .warn display: flex; align-items: center; font-size: 1.2rem; padding: 10px 15px; margin: 10px 0 25px; line-height: 1.2em; color: #355e93; border: solid 2px #355E93; border-radius: 4px .adash.today .warn i margin-right: 15px; font-size: 1.6em .adash.today .content .inside max-width: none.adash.today .boxes height: 700px; margin-bottom: 4rem; position: relative; padding-top: 25px; border-top: 1px solid #ababab; margin-top: 15px .adash.today .boxes p font-size: 1rem; line-height: 1.5rem .adash.today .box transition: all .3s ease-in-out; background-color: #fff; position: absolute; overflow: hidden; max-height: 700px; min-height: 700px; width: 32%; display: inline-block; -webkit-box-shadow: 0px 3px 5px 1px rgba(0,0,0,.3); box-shadow: 0px 3px 5px 1px rgba(0,0,0,.3); .adash.today .box:hover -webkit-box-shadow: 0px 3px 12px 5px rgba(0,0,0,.4); box-shadow: 0px 3px 12px 5px rgba(0,0,0,.4); .adash.today .box .info padding: 10px 20px; position: relative .adash.today .box .poster width: 100% .adash.today .box-inner position: relative.adash.today .box:nth-child(2) left: 34%.adash.today .box:nth-child(3) left: 68%.adash.today .box .body margin-top: 12px; padding-bottom: 90px; overflow: hidden.adash.today .poster overflow: hidden; position: relative; display: inline-block; width: 100%; background-color: #000; .adash.today .poster:after padding-top: 66.6%; /* 6:4 ratio */ display: block; content: ''; .adash.today .poster .image position: absolute; top: -1px; bottom: -1px; right: 0; left: 0; width: 100%; height: auto; background-position: center; background-size: cover; background-repeat: no-repeat; transition: all .25s ease-out; .adash.today .poster .image p.alt position: absolute !important; clip: rect(1px 1px 1px 1px); /* IE6, IE7 */ clip: rect(1px, 1px, 1px, 1px); top: auto; left: -9999px; width: 1px; height: 1px; overflow: hidden; .adash.today .author-title color: #717171; line-height: 1.2em; padding-bottom: 5px .adash.today .author-title:after position: relative; top: 5px; width: 50%; border: #717171 solid 2px; content: ''; display: block .adash.today a.author-name, .adash.today a.author-name:link, .adash.today a.author-name:visited display: inline-block; margin-top: 15px; font-size: 1.4rem; color: #355E93; font-weight: bold.adash.today a.today-link, .adash.today a.today-link:link, .adash.today a.today-link:visited color: #000.adash.today .expander display: flex; justify-content: center; position: absolute; bottom: 0; width: 100%; margin-bottom: 30px .adash.today .expander .button cursor: pointer; width: 66px; height: 66px; font-size: 1.6rem; border-radius: 50%; background-color: #355E93; display: inline-block; z-index: 99; display: flex; justify-content: center; color: #fff; align-items: center; .adash.today .expander .button:hover background-color: #254267 .adash.today .expander .button i transition: all .4s ease-in-out; .adash.today .content, .adash.today.abanner, .adash.today .adetail overflow: visible.adash.today .expander:before width: 100%; position: absolute; height: 160px; top: -60px; content: ''; background: linear-gradient(to bottom, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 80%, rgba(255,255,255,1) 100%);.adash.today .inner display: inline-block; width: 100%.adash.today .item margin-bottom: 20px; line-height: 1.3em; font-size: 1.2rem.adash.today .box.active max-height: 3000px; .adash.today .box.active .expander .button i transform: rotate(180deg) .adash.today .box.active .expander:before display: none .adash.today .top-bar display: flex; justify-content: space-between; .adash.today .top-bar.afilter .RadPicker_Default width: 25% !important; float: none; .adash.today h2 font-family: 'Oswald', sans-serif; font-weight: normal; font-size: 2.2rem.adash.today h4 font-family: 'Oswald', sans-serif; font-weight: bold; display: inline-block; margin-bottom: 0; margin-top: 2rem; font-size: 2rem.adash.today h5 font-family: 'Oswald', sans-serif; font-weight: bold; font-size: 1.6rem;.adash.today.adetail padding-bottom: 0.adash.today .maintitle font-family: 'Oswald', sans-serif;.adash.today .subtitle font-family: 'Oswald', sans-serif; margin-top: 0.adash.today .noitems p margin: 0@media ( max-width: 1200px) .adash.today .boxes height: 600px .adash.today .box max-height: 600px; min-height: 600px .alist.experience width: 960px !important; .alist.experience.list .item flex:1 0 47% !important; .afilter width: 960px !important; @media ( max-width: 992px) .adash.today .boxes height: 500px .adash.today .box max-height: 500px; min-height: 500px .adash.today .item font-size: 20px .adash.today .box .body font-size: 17px .adash.today .top-bar.afilter .RadPicker_Default width: 35% !important; .alist.experience width: 720px !important; .alist.experience.list .item flex: 1 0 100% !important; .alist.experience.list .item.mosaic max-width: 100% !important; .afilter width: 720px !important; @media ( max-width: 900px) .adash.today .author-title font-size: 1.2em .adash.today .boxes height: auto; margin-bottom: 2rem .adash.today .boxes p font-size: 20px .adash.today .box position: relative; left: 0 !important; width: 100%; max-height: 3000px; margin-bottom: 15px .adash.today .box .body padding-bottom: 0 .adash.today .box:hover -webkit-box-shadow: 0px 3px 5px 1px rgba(0,0,0,.3); box-shadow: 0px 3px 5px 1px rgba(0,0,0,.3); .adash.today h2 order: 5 .adash.today .top-bar flex-direction: column .adash.today .top-bar.afilter .RadPicker_Default width: 50% !important; .adash.today a.author-name, .adash.today a.author-name:link, .adash.today a.author-name:visited font-size: 1.6rem; .adash.today .expander:before height: 80px; top: 20px .adash.today .top-bar.afilter .RadPicker_Default width: 100% !important; margin: 0 auto 30px; max-width: 300px; @media (max-width: 767px) .alist.experience width: 540px !important; .afilter width: 540px !important; @media (max-width: 592px) .alist.experience width: 100vw !important; .afilter width: 480px !important; @media ( max-width: 500px) .adash.today .box min-height: 0 @media (max-width: 480px) .afilter width: 90vw !important; .adash.today.other .content position: initial/* breaking */.adash.breaking .pull-title color: #f8ba01;/********************************* */.alist.experience background-color: #fff; width:1140px; margin: 0 auto; .alist.experience .items .alist.experience .apager a, .alist.experience .pager a:link color: #adadad .alist.experience .pager .disabled > a, .alist.experience .pager .disabled > a:hover, .alist.experience .pager .disabled > a:focus, .alist.experience .pager .disabled > span color: rgba(173,173,173,.25); background-color: transparent .alist.experience .apager .active background-color: #fff; .alist.experience .apager .active a, .alist.experience .pager .active a:link, .alist.experience .pager .active a:hover color: #355E8D .alist.experience .subtitle padding: 0 4% .alist.experience .subtitle .filter-title color: #adadad .alist.experience .subtitle .filter color: #003b4f .alist.experience .subtitle .filter-clear span color: #003b4f; .alist.experience .no-items color: #adadad .aframe.experience.also-like.list .item:nth-child(odd) .inner padding-right: 0;.aframe.experience.also-like.list .item:nth-child(even) .inner padding-left: 0;.afilter.dark background-color: #242424 .alist.experience .spinner3, .afilter.dark .spinner3 background-color: #242424 .afilter.dark .select-view.selected background-color: #fff; border-color: #fff .afilter.dark .select-view.selected span color: #242424 .afilter.dark .select-view border-color: #adadad .afilter.dark .select-view span color: #adadad .afilter.dark .select-view:hover background-color: rgba(105,105,105,.9) .afilter.dark .select-view.selected:hover background-color: #fff .afilter.dark .top-bar .toggle background-color: rgba(255,255,255,.05); color: #adadad; border-color: #adadad .afilter.dark .top-bar a.toggle:link color: #adadad; text-decoration: none .afilter.dark .top-bar a.toggle:hover color: #242424; background-color: #adadad .afilter.dark .search input background-color: rgba(255,255,255,.05); color: #adadad; border-color: #adadad .afilter.dark .search input:hover transition: all 0.5s; background-color: #adadad; color: #242424; /* Load More*/.load-more width: 100%; line-height: 300%; border-radius: 2px; margin: 0 auto; display: block; background: #219150; color: #fff; cursor: pointer; text-align: center; border: none; outline: none;/***** Button *******/.btn #backToTop display: none; position: fixed; bottom: 20px; right: 30px; z-index: 99; font-size: 18px; border: none; outline: none; background-color: rgba(0, 59, 79,0.2); color: white; cursor: pointer; padding: 15px; border-radius: 4px; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease;#backToTop:hover background-color: #f8ba01;.aframe.also-like .poster.mobile-noimage:after padding-top: 40%.aframe.also-like .item .mobile-storydate display: none; z-index: 100; color: white; text-shadow: 1px 1px 5px #000;.aframe.list .item .mobile-storydate display: none;/******************* Next and Previous Start*******************/.article-navbtn .navbtn-link .navBtnHeader,.article-navbtn .mobileNavTitle color: #f8ba01;.article-navbtn i color: #fff;.article-navbtn background: rgba(248, 184, 1, .3);.article-navbtn:hover background: rgb(248, 184, 1);/******************* Next and Previous End*******************/.ast-parallax.aparallax margin-left: calc((50vw - 51%)*-1); margin-right: calc((50vw - 51%)*-1);.ast-parallax .pinfo padding-top: 20px; margin-left: calc((50vw - 51%)*-1); margin-right: calc((50vw - 51%)*-1);.ast-parallax .pinfo .plinks justify-content: flex-end; display: flex; margin-right:5%;.ast-parallax .pinfo .plink margin: 0 21px 0 5px;.ast-parallax .pinfo .ptitle padding-left: 4%.ast-parallax .pinfo .ptitle .pname font-size: 1.6rem; line-height: 1.6rem; font-weight: 100; letter-spacing: 3px; text-transform: uppercase.ast-parallax .pinfo .ptitle .photoby font-size: .8rem;@media ( max-width: 1200px) .adash.today .boxes height: 600px .adash.today .box max-height: 600px; min-height: 600px @media ( max-width: 992px) .adash.today .boxes height: 500px .adash.today .box max-height: 500px; min-height: 500px .adash.today .item font-size: 20px .adash.today .box .body font-size: 17px .adash.today .top-bar.afilter .RadPicker_Default width: 35% !important; .aframe.also-like .subhead display: none; @media ( max-width: 900px) .adash.today .author-title font-size: 1.2em .adash.today .boxes height: auto; margin-bottom: 2rem .adash.today .boxes p font-size: 20px .adash.today .box position: relative; left: 0 !important; width: 100%; max-height: 3000px; margin-bottom: 15px .adash.today .box .body padding-bottom: 0 .adash.today .box:hover -webkit-box-shadow: 0px 3px 5px 1px rgba(0,0,0,.3); box-shadow: 0px 3px 5px 1px rgba(0,0,0,.3); .adash.today h2 order: 5 .adash.today .top-bar flex-direction: column .adash.today .top-bar.afilter .RadPicker_Default width: 50% !important; .adash.today a.author-name, .adash.today a.author-name:link, .adash.today a.author-name:visited font-size: 1.6rem; .adash.today .expander:before height: 80px; top: 20px .adash.today .top-bar.afilter .RadPicker_Default width: 100% !important; margin: 0 auto 30px; max-width: 300px; @media(max-width: 576px) .aframe.also-like .item .poster h4 display: block; .aframe.also-like .item .poster.noimage h4 span padding: 0 10px; border-bottom: 2px solid #fff; .aframe.also-like .item .poster h3 top: auto; bottom: 0; padding: 0; margin: auto; width: 98%; font-size: 2.1rem; text-align: center; text-shadow: 1px 1px 5px #000; line-height: 2.1rem; .aframe.also-like .overlay.overlay-info background: transparent; @media ( max-width: 500px) .adash.today .box min-height: 0 @media (max-width: 420px) .aframe.also-like .item .poster .subhead display: none; .aframe.also-like:not(.list) .item .mobile-storydate display:block; .aframe.also-like .item .poster h3 top: auto; bottom: 0; padding: 0; margin: auto; width: 97%; font-size: 1.2rem; text-align: center; text-shadow: 1px 1px 5px #000; .aframe.also-like .item .poster h4 display: block; font-size: .9rem; .aframe.also-like .item .poster .overlay.overlay-info display: none; .aframe.also-like .item .poster.noimage:after content: ''; padding: 18%; .aframe.also-like .item .poster.noimage h4 span padding: 0 10px; border-bottom: 2px solid #fff; .aframe.also-like .item.mosaic max-width: 100%; flex: 1 0 100%; @media (max-width: 320px) .adash.suggest .poster width: 40%; height: 70%; .aframe .cat-share display: flex; flex-wrap: wrap; padding-bottom: 11px;.aframe .cat-share-item width: 33%;.aframe .cat-share-item.first text-align:left;.aframe .cat-share-item.second text-align:left;.aframe .cat-share-item.third .aframe a.social-link.topshare-link width: 25px; height: 25px;.aframe .cat-share .share margin-top: 7px;@media (max-width: 375px) .aframe .cat-share-item width: 100%; .aframe .cat-share-item.second text-align: left; 2ff7e9595c
Comments