/* Theme Name: Fundación ACabre */ /*------------------------------------*\ MAIN \*------------------------------------*/ /* global box-sizing */ :root { --color-fac: #598e31; --color-fac-high: #3a6028; --color-fac-low: #79a138; --color-fac-low-low: #bcd09b; --color-opacidad: #eef3ea;} *, *:after, *:before { -moz-box-sizing:border-box; box-sizing:border-box; -webkit-font-smoothing:antialiased; font-smoothing:antialiased; text-rendering:optimizeLegibility; } /* html element 62.5% font-size for REM use */ html { font-size:62.5%; } body { font:300 20px/1.4 'Red Hat Display', 'Helvetica Neue', Helvetica, Arial, sans-serif; color:#575756; margin:0px; padding: 0px;} /* clear */ .clear:before, .clear:after { content:' '; display:table; } .clear:after { clear:both; } .clear { *zoom:1; } img { max-width:100%; vertical-align:bottom; } a { color:var(--color-fac); text-decoration:none; cursor: pointer; } p > a { color: var(--blue-corp); font-weight: 600; text-decoration: underline;} a:hover { color:#444; } p > a:hover { text-decoration: none;} a:focus { outline:0; } a:hover, a:active { outline:0; } input:focus { outline:0;border:1px solid var(--blue-corp); } .floatleft {float:left;} .floatright {float:right;} .txtleft { text-align: left !important;} .txtright { text-align: right !important;} .txtcenter { text-align: center !important;} .clear { clear: both;} .grid {display: grid;} .relative { position: relative} .top0 {margin-top:0px;}.top5 {margin-top:5px;} .top7 {margin-top:7px;}.top10 {margin-top:10px;}.top15 {margin-top:15px;}.top18 {margin-top:18px;}.top20 {margin-top:20px;}.top25 {margin-top:25px;}.top30 {margin-top:30px !important;}.top35 {margin-top:35px;}.top37 {margin-top:37px;}.top39 {margin-top:39px;}.top40 {margin-top:40px !important;}.top45 {margin-top:45px;}.top50 {margin-top:50px !important;}.top55 {margin-top:55px;} .top60 {margin-top:60px !important;} .top65 {margin-top:65px !important;} .top70 {margin-top:70px;}.top80 {margin-top:80px;} .top100 {margin-top:100px;} .top120 {margin-top:120px !important;} .top170 {margin-top:170px;}.top179 {margin-top:179px;}.top315 {margin-top:315px;}.bot0 {margin-bottom:0px;}.bot1 {margin-bottom:1px;}.bot5 {margin-bottom:5px;}.bot10 {margin-bottom:10px;}.bot12 {margin-bottom:12px;}.bot15 {margin-bottom:15px;}.bot20 {margin-bottom:20px;}.bot25 {margin-bottom:25px;}.bot30 {margin-bottom:30px;}.bot35 {margin-bottom:35px;}.bot40 {margin-bottom:40px;}.bot50 {margin-bottom:50px !important;}.bot60 {margin-bottom:60px !important;} .bot80 {margin-bottom:80px !important;} .bot100 {margin-bottom:100px !important;}.left0 {margin-left:0px;}.left1x100 {margin-left:1%;}.left5 {margin-left:5px;}.left10 {margin-left:10px;}.left15 {margin-left:15px;}.left20 {margin-left:20px;}.left25 {margin-left:25px;}.left30 {margin-left:30px;}.left35 {margin-left:35px;}.left38 {margin-left:38px;}.left40 {margin-left:40px;}.left45 {margin-left:45px;}.left50 {margin-left:50px;}.left75 {margin-left:75px;}.left205 {margin-left:205px;}.left220 {margin-left:220px;}.right0 {margin-right:0px;}.right5 {margin-right:5px;}.right8 {margin-right:8px;}.right10 {margin-right:10px;}.right13 {margin-right:13px;}.right15 {margin-right:15px;} .right20 {margin-right:20px;} .right25 {margin-right:25px;} .right30 {margin-right:30px;} .right35 {margin-right:35px;} .right40 {margin-right:40px;} .right50 {margin-right:50px;} .top_menos { margin-top:-7px;} .paddingalt30 { padding:30px 0px;} .paddingalt60 { padding:60px 0px;} .padding_hor { padding: 0px 35px !important; } .over { overflow: hidden;} .green_corp { background-color: var(--color-fac);} .green_sec { background-color: var(--color-fac-high);} .green_foot { background-color: var(--color-opacidad);} .list-none { list-style: none;} /*------------------------------------*\ STRUCTURE \*------------------------------------*/ .allwidth { width: 100%;} .w100 { display: block; width: 100%;} .wrapper { max-width:1280px; margin:0 auto; position:relative; } .flex { display: flex; justify-content: center; align-items: center; } .justify { justify-content: center !important; } /* header */ .header {} .head_first { min-height:50px; display:flex; flex-wrap: wrap; flex-direction: row; justify-content: space-between; align-items: stretch; align-content: space-between} .item_head { /*flex: 1 1;*/ } .socialmedia { margin:13px 0px 0px 35px;} .socialmedia a { display:inline-block !important; margin:0px 10px 0px 0px;} .idioma { text-align: right; color:#fff !important; padding-right:35px; display: inline-block;} .idioma p{ margin:10px 0px 0px; } header a.social_icon { text-indent:-9999px; display:block; transition:all 400ms ease 0s; -webkit-transition:all 400ms ease 0s; -o-transition:all 400ms ease 0s; -moz-transition:all 400ms ease 0s; -ms-transition:all 400ms ease 0s; width:24px; height:24px;} header a.instagram { background: url(./img/instagram_icon_noflex.svg) no-repeat center bottom;} header a.facebook { background: url(./img/facebook_icon_noflex.svg) no-repeat center bottom;} header a.youtube { background: url(./img/youtube_icon_noflex.svg) no-repeat center bottom;} header a:hover { background-position: center top;} .head_second { height:16px;} /* Logos centrales*/ .logo { display: block; width: 100%; text-align: center;} /* nav */ .nav { margin:35px 0px 25px; } .nav ul { width: 100%; display: flex; flex-wrap:wrap; list-style: none; justify-content: space-between; padding:0px 0px; position: relative;} .nav ul li { width:auto; border-right: 1px solid var(--color-fac); flex-grow:1; justify-content: space-between; } .nav ul li:last-child { border-right: 0px; padding:0px;} .nav ul li a { display: block; text-decoration: none; text-transform: uppercase; font-size:18px; text-align:center; transition:all 200ms ease 0s; -webkit-transition:all 200ms ease 0s; -o-transition:all 200ms ease 0s; -moz-transition:all 200ms ease 0s; -ms-transition:all 200ms ease 0s; font-weight: 300; color:#575756;} .nav ul li a:hover { color:var(--color-fac);} .nav ul li ul.sub-menu { display: none !important} .nav ul li:hover ul.sub-menu{ display:block !important;transition:all 200ms ease 0s; -webkit-transition:all 200ms ease 0s; -o-transition:all 200ms ease 0s; -moz-transition:all 200ms ease 0s; -ms-transition:all 200ms ease 0s; } .nav ul li ul.sub-menu { background: rgba(255, 255, 255, .6); margin:0px 5px 0px 0px; width:auto; display: block; position: absolute; padding:30px 0px 10px 0px;flex-direction:column; z-index:500;} .nav ul li ul.sub-menu li{border:none; padding:2px 0px 2px 0px; display:flex; display: block; width:100%; } .nav ul li ul.sub-menu li a { margin:2px 0px; text-align:left !important; padding:0px 20px 0px 20px;} .nav ul li ul.sub-menu li a:hover { color:#fff; background: rgba(89, 142, 49);} /* footer */ .footer { margin:0px; font-size: 12pt; } .grid_footer { display: grid; grid-template-columns: 3fr 1fr; gap: 0px 0px; grid-auto-flow: row; align-items: end; } .grid_footer a{ text-decoration: none; color:var(--color-fac);} .social_footer { padding:30px 0px 50px; text-align: center;} .social_footer p {margin:0px 0px 5px;} .social_footer a.social_icon:hover {background-position: center bottom;} .social_footer a.social_icon { display:inline-block !important;} .social_footer a.social_icon { text-indent:-9999px; display:block; transition:all 400ms ease 0s; -webkit-transition:all 400ms ease 0s; -o-transition:all 400ms ease 0s; -moz-transition:all 400ms ease 0s; -ms-transition:all 400ms ease 0s; width:46px; height:46px;} .social_footer a.instagram { background: url(./img/logo_instagram_footer.svg) no-repeat center top;} .social_footer a.facebook { background: url(./img/logo_facebook_footer.svg) no-repeat center top;} .social_footer a.youtube { background: url(./img/youtube_icon_footer.svg) no-repeat center top;} h1.title { border:1px solid var(--color-fac); text-align:center; font-family: "Lilita One", sans-serif; color:var(--color-fac); margin:0px; text-transform: uppercase; font-weight: 300;} h1.title.top:before { content: ""; position: absolute; width: 8px; height: 8px; border-left: 1px solid var(--color-fac); border-left-color: inherit; border-top: 1px solid var(--color-fac); border-top-color: inherit; background-color: inherit; left: 50%;} h1.title.top:before { margin: -10px 0 0 0px; -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); -webkit-transform: rotate(45deg); } /*------------------------------------*\ PAGES \*------------------------------------*/ /************ HOME ********/ .projects { display: grid; grid-template-columns:repeat(auto-fit,minmax(min(100%,25rem), 1fr)); gap:1em; text-align: center; margin:60px 0px 120px; transition: all 0.3s ease-in-out 0.2s;} .box_project { border:1px solid var(--color-fac); background: var(--color-fac); } /*.projects a:hover .box_project { border:1px solid var(--color-fac); background: #fff; transition:all 400ms ease 0s; -webkit-transition:all 400ms ease 0s; -o-transition:all 400ms ease 0s; -moz-transition:all 400ms ease 0s; -ms-transition:all 400ms ease 0s;}*/ .box_project h2{ padding:20px 0px; color:#fff; font-size: 24px; } /*.projects a:hover .box_project h2{ color: var(--color-fac); }*/ .projects .triangle { width: 0; height: 0; border-right: 35px solid transparent; border-top: 35px solid var(--color-fac); border-left: 35px solid transparent; border-bottom: 35px solid transparent; margin:0px auto; } .button_more { padding:7px 20px; border:1px solid var(--color-fac); display: inline-block; margin: 10px 0px 20px; transition:all 400ms ease 0s; -webkit-transition:all 400ms ease 0s; -o-transition:all 400ms ease 0s; -moz-transition:all 400ms ease 0s; -ms-transition:all 400ms ease 0s; font-size: 20px;} .projects a:hover .button_more { color:#fff; background: var(--color-fac);} /* Boton Solo Saber mas */ a.btn_alone_more { padding:7px 80px; border:1px solid var(--color-fac); display: inline-block; margin: 20px 0px 60px; transition:all 400ms ease 0s; -webkit-transition:all 400ms ease 0s; -o-transition:all 400ms ease 0s; -moz-transition:all 400ms ease 0s; -ms-transition:all 400ms ease 0s; color:var(--color-fac); text-decoration: none; font-weight: 300; font-size:20px;} a.btn_alone_more:hover{ color:#fff; background: var(--color-fac); } /* Testimonial */ .testimonios { } .testimonials { text-align: center;} .testimonials .img_testimonials img { border:10px solid white;} .testimonials .txt_testimonials { padding:160px 60px 60px; margin:-120px 0px 0px; background:var(--color-fac); color:#fff; } .testimonials .txt_testimonials cite { font-weight: 500; font-style: normal;} /******* CARROUSEL *********/ .news a.noticia{ margin:0px 0px auto; border:1px solid var(--color-fac);} .arrow { width:82px !important; } .carousel-arrow { position: absolute; display: flex; justify-content: center; top: 60px; bottom: 0px; margin-block: auto; height: fit-content; width: 48px; background-color: white; border: none; font-size: 3rem; padding: 0; cursor: pointer; opacity: 0.5; transition: opacity 100ms;} .carousel-arrow:hover, .carousel-arrow:focus { opacity: 1;} .carousel-arrow--prev { left: 0 } .carousel-arrow--next { right: 0;} /*.carousel-news, .carousel-testimonials, .carousel-events { width: 100%; padding-block: 16px 32px; margin: 16px 90px; overflow-x: auto; display: flex; width: 100%; gap: 30px; align-items: center; scroll-snap-type: x mandatory; flex-flow: row nowrap; scroll-behavior: smooth; }*/ .carousel-news::-webkit-scrollbar, .carousel-testimonials::-webkit-scrollbar, .carousel-events::-webkit-scrollbar { height: 0px; width: calc(100% - 48px); } .carousel-news::-webkit-scrollbar-track { background: var(--color-fac-high); } .carousel-news::-webkit-scrollbar-thumb { background: var(--color-fac); } .carousel-news::-webkit-scrollbar-track-piece:start { background: var(--color-fac); } .carousel-slide-news h3 { padding:0px 10px;} .carousel-slide-testimonios { flex: 1 0 48%; flex-flow: column nowrap; display: flex; justify-content: center; align-items: center; scroll-snap-align: center; } .carousel-slide-events { flex: 1 0 48%; flex-flow: column nowrap; display: flex; justify-content: center; align-items: center; scroll-snap-align: center; } @media (max-width: 600px) { .carousel-slide-news { flex: 1 0 90%; } } /************ INTERIORS ********/ .img_section { text-align:center;} .img_section img{ object-fit: cover; width: 100%; aspect-ratio: 1/1; height: 488px;} .section { font-weight: 500; text-transform: uppercase; font-size: 16px; margin-top:30px;} section strong { font-weight: 500; color: var(--color-fac); } /* Quienes somos */ .cargo {background: var(--color-fac); color:#fff; padding:3px 0px;} .cargo strong {color:#fff !important; font-weight: 700;} /* Nuestros Valores */ .box_valores { -webkit-align-items: center; align-items: center; color:#fff;} .green_high { background: var(--color-fac-high);} .green_medium { background: var(--color-fac);} .green_low { background: var(--color-fac-low);} p.estirar {transform: translateY(50%); font-size: 36px; font-weight: 500;} /* Memoria */ .btn_memoria a{border:1px solid var(--color-fac); display: inline-block; margin: 20px 0px 60px; transition:all 400ms ease 0s; -webkit-transition:all 400ms ease 0s; -o-transition:all 400ms ease 0s; -moz-transition:all 400ms ease 0s; -ms-transition:all 400ms ease 0s; background: #fff; color:var(--color-fac); font-size:14px; border-radius: 0px !important; font-size:15px;} /* News Interior */ .news_interior { margin:60px 0px 120px; position:relative; overflow:hidden; display: grid; grid-template-columns:repeat(auto-fit,minmax(min(100%,33rem), 1fr)); gap: 20px 10px; } .news_interior .excerpt_new{ border:1px solid var(--color-fac); padding:0px 0px 10px;} .news_interior .excerpt_new a {transition:all 400ms ease 0s; -webkit-transition:all 400ms ease 0s; -o-transition:all 400ms ease 0s; -moz-transition:all 400ms ease 0s; -ms-transition:all 400ms ease 0s;} .news_interior .excerpt_new img { object-fit: cover; height: 293px; width:100%; min-width: 326px;} .news_interior .excerpt_new h3 { padding:0px 10px;} .news_interior .excerpt_new p { padding:0px 10px; color:#575756; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden;} .news_interior .excerpt_new a h3:hover {color:var(--color-fac) !important;} .news_interior .excerpt_new .plus { padding:5px 10px; margin: 0px 0px 0 10px; border:1px solid var(--color-fac); display: inline; color:var(--color-fac);} .news_interior .excerpt_new a:hover .plus { color:#fff; background: var(--color-fac);} /* Titular proyecto educativo */ h3.projects { font-family: "Lilita One", sans-serif; color:var(--color-fac); padding:0px; margin:25px 0px; text-align: left; font-weight: 300;} /* PAGE PROJECTS */ .project_box { display: flex; flex-wrap:wrap-reverse; justify-content:center; align-items:center; gap:0px 10px; margin:0px 0px 30px} .project_box a { width:370px; height:257px; background:var(--color-fac); text-align: center; color:#fff; font-size: 38px; padding-top:70px; transition:all 400ms ease 0s; -webkit-transition:all 400ms ease 0s; -o-transition:all 400ms ease 0s; -moz-transition:all 400ms ease 0s; -ms-transition:all 400ms ease 0s;} .project_box a:hover{background:#fff; color:var(--color-fac)} /* EVENTS */ .event { font-weight: 500; } .event .fecha{ background: var(--color-fac); padding:10px; color:#fff; text-align: center; text-transform: uppercase; width:170px; height:100%; align-content:center;} .num { font-size: 70pt; font-family: "Lilita One", sans-serif; line-height: 97%;} .evento { border-left:2px dotted #fff; background: var(--color-fac); color:#fff; text-align: left; height:100%;align-content:center; font-size: 23pt; line-height: 98%; text-transform: uppercase; } .evento > p { margin:0px; padding:10px 10px 10px 20px; border-bottom:2px dotted #fff; } .evento > p:last-child { padding:10px 10px 0px 20px; border-bottom:none; font-size: 24px;} .gap_separation { gap:10px; display:flex; flex-wrap: wrap; justify-content: left; padding:0px 80px;} .frm_checkbox { font-size:16px; margin:10px 0px;} /************** DONATIVO *********************/ .donativo a { background: var(--color-fac); border-radius: 0px; font-family: "Lilita One", sans-serif; padding:5px 40px; transition:all 400ms ease 0s; -webkit-transition:all 400ms ease 0s; -o-transition:all 400ms ease 0s; -moz-transition:all 400ms ease 0s; -ms-transition:all 400ms ease 0s; font-weight: 300;} .donativo a:hover { background:#fff; color:var(--color-fac); } /************** COLABORA *********************/ .box_colabora { background:var(--color-fac); text-align: center; padding:50px 0px;} /************** TABLE *********************/ .tabla_donacion table{ border-collapse: separate !important; border-spacing: 0px 3px !important; font-size:17px;} .wp-block-table tr { background: var(--color-fac-low-low) !important; color:#000; border:none;} .wp-block-table tr td { border:none;} .wp-block-table tr td:nth-child(2) { min-width: 120px;} .wp-block-table tfoot tr{background: var(--color-fac-low) !important; color:#fff; font-weight: 500;} .wp-block-table tfoot tr strong {color:#fff !important; font-weight: 500;} /*------------------------------------*\ RESPONSIVE \*------------------------------------*/ @media only screen and (min-width:300px) { .wrapper { width:85%; } .ver { display: none !important;} .padding_inter { padding:0px 20px;} /*logos */ .hsjd {display:none !important;} .logo { margin-top:40px;} /* Icono Menu */ .material-symbols-outlined { font-size: 36px !important;} /* Menu RESPONSIVE */ .nav { display:none;} /* Menu aparece en click con resolucion mobile */ .menu_resp { display:none; background:#f0f0f0; top:50px; z-index: 9999; position:absolute; width: 100%;} .menu_resp ul { list-style-type: none; margin: 10px 0px; padding:0px;} .menu_resp ul li ul{ margin: 0px 0px 10px; } .menu_resp ul li ul a{ color:#575756; font-size:18px;} /* Menu tres lineas */ .nav_resp { display:block; background:none; float:left; padding:11px 0px 0 0; } /* CARROUSEL */ /*News */ .carousel-news { width: 100%;margin: 10px 0px; width: 100%;} .carousel-slide-news { margin:20px 0px; border:1px solid var(--color-fac);} .actualidad .img_news img { object-fit: cover; height: 293px; width:100%; } .excerpt_new p { padding:0px 10px; color:#575756; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden;} /* testimonials*/ .carousel-testimonials { width: 100%;margin: 10px 0px; width: 100%;} .carousel-slide-testimonios {margin: 10px 0px 40px; } .testimonials .txt_testimonials { padding:160px 50px 60px; min-height:370px;} /* events */ .carousel-events { width: 100%; margin: 10px 0px;display: block;} .carousel-slide-events { margin-bottom:20px;} /* EVENTS */ .event{height: 140px;} .event .fecha { font-size:13px; width: auto;} .num { font-size: 50pt;} .evento { font-size: 19pt; width:220px;} /* **** FOOTER **** */ .grid_footer { display: block; text-align: center; font-size:15px;} .copyright_mobile { display: block;} .copyright { display: none;} .bonsoleil { text-align: center; margin:35px 0px 20px;} } @media only screen and (min-width:480px) { /* EVENTS */ .event{height: 159px;} .event .fecha { font-size:15px; width: 170px;} .num { font-size: 60pt;} .evento { font-size: 23pt; width:280px;} } @media only screen and (min-width:768px) { } @media only screen and (min-width:1024px) { .wrapper { width:95%; } .ver { display: block !important;} .padding_intern { padding:0px 30px;} /*logos */ .hsjd {position:absolute; margin:0px 0px 0px 24px; display:block !important;} .logo { margin-top:65px;} /* Menu RESPONSIVE */ .nav { display:block; } .menu_resp { display:none; } .nav_resp { display:none !important;} /*Carrousel */ .carousel-news, .carousel-testimonials, .carousel-events { width: 100%; padding-block: 16px 32px; margin: 60px 90px; overflow-x: auto; display: flex; width: 100%; gap: 30px; align-items: initial; scroll-snap-type: x mandatory; flex-flow: row nowrap; scroll-behavior: smooth; } /* News */ .carousel-slide-news { flex: 1 0 30%; /*aspect-ratio: 1;*/ flex-flow: column nowrap; display: flex; justify-content: initial; align-items: top; scroll-snap-align: center; border:1px solid var(--color-fac); min-height:482px;} .actualidad .img_news img { object-fit: cover; height: 293px; width:100%; min-width: 326px;} .excerpt_new p { padding:0px 10px; color:#575756; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden;} /* testimonials*/ .testimonials .txt_testimonials { padding:160px 50px 60px; min-height:475px;} /* EVENTS */ .event{height:159px;} .event .fecha { font-size:15px; width:170px; } .num { font-size: 70pt;} .evento { width: 280px; font-size: 23pt;} /* **** FOOTER **** */ .grid_footer { display: grid; grid-template-columns: 3fr 1fr; gap: 0px 0px; grid-auto-flow: row; align-items: end; text-align: left;} .copyright_mobile { display: none;} .copyright { display: block;} .bonsoleil { text-align: right; margin:0px 0px 20px;} } @media only screen and (min-width:1140px) { .padding_intern { padding:0px 90px;} } @media only screen and (min-width:1280px) { } @media only screen and (-webkit-min-device-pixel-ratio:1.5), only screen and (min-resolution:144dpi) { } /*------------------------------------*\ FONT \*------------------------------------*/ .red-hat display- { font-family: "Red Hat Display", sans-serif; font-optical-sizing: auto; font-weight: ; font-style: normal; } .lilita-one-regular { font-family: "Lilita One", sans-serif; font-weight: 400; font-style: normal; } /*------------------------------------*\ MISC \*------------------------------------*/ ::selection { background:#04A4CC; color:#FFF; text-shadow:none; } ::-webkit-selection { background:#04A4CC; color:#FFF; text-shadow:none; } ::-moz-selection { background:#04A4CC; color:#FFF; text-shadow:none; } /*------------------------------------*\ WORDPRESS CORE \*------------------------------------*/ .alignnone { margin:5px 20px 20px 0; } .aligncenter, div.aligncenter { display:block; margin:5px auto 5px auto; } .alignright { float:right; margin:5px 0 20px 20px; } .alignleft { float:left; margin:5px 20px 20px 0; } a img.alignright { float:right; margin:5px 0 20px 20px; } a img.alignnone { margin:5px 20px 20px 0; } a img.alignleft { float:left; margin:5px 20px 20px 0; } a img.aligncenter { display:block; margin-left:auto; margin-right:auto; } .wp-caption { background:#FFF; border:1px solid #F0F0F0; max-width:96%; padding:5px 3px 10px; text-align:center; } .wp-caption.alignnone { margin:5px 20px 20px 0; } .wp-caption.alignleft { margin:5px 20px 20px 0; } .wp-caption.alignright { margin:5px 0 20px 20px; } .wp-caption img { border:0 none; height:auto; margin:0; max-width:98.5%; padding:0; width:auto; } .wp-caption .wp-caption-text, .gallery-caption { font-size:11px; line-height:17px; margin:0; padding:0 4px 5px; } .sticky { } .bypostauthor { } /*------------------------------------*\ PRINT \*------------------------------------*/ @media print { * { background:transparent !important; color:#000 !important; box-shadow:none !important; text-shadow:none !important; } a, a:visited { text-decoration:underline; } a[href]:after { content:" (" attr(href) ")"; } abbr[title]:after { content:" (" attr(title) ")"; } .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content:""; } pre,blockquote { border:1px solid #999; page-break-inside:avoid; } thead { display:table-header-group; } tr,img { page-break-inside:avoid; } img { max-width:100% !important; } @page { margin:0.5cm; } p, h2, h3 { orphans:3; widows:3; } h2, h3 { page-break-after:avoid; } }