Difference between revisions of "Template:Peshawar/CSS"
| Line 1: | Line 1: | ||
| − | |||
| − | |||
| − | |||
/* | /* | ||
// 1. Configuration and helpers | // 1. Configuration and helpers | ||
| Line 830: | Line 827: | ||
#content { | #content { | ||
width: 100vw; | width: 100vw; | ||
| − | |||
padding: 0px; | padding: 0px; | ||
border: none; | border: none; | ||
| Line 1,207: | Line 1,203: | ||
} | } | ||
} | } | ||
| − | |||
| − | |||
Revision as of 11:50, 25 September 2016
/* // 1. Configuration and helpers @import
'abstracts/variables', 'abstracts/functions', 'abstracts/mixins';
- /
/*! normalize.css v4.1.1 | MIT License | github.com/necolas/normalize.css */ /**
* 1. Change the default font family in all browsers (opinionated). * 2. Prevent adjustments of font size after orientation changes in IE and iOS. */
html {
font-family: sans-serif; /* 1 */ -ms-text-size-adjust: 100%; /* 2 */ -webkit-text-size-adjust: 100%; /* 2 */
}
/**
* Remove the margin in all browsers (opinionated). */
body {
margin: 0;
}
/* HTML5 display definitions
========================================================================== */
/**
* Add the correct display in IE 9-. * 1. Add the correct display in Edge, IE, and Firefox. * 2. Add the correct display in IE. */
article, aside, details, figcaption, figure, footer, header, main, menu, nav, section, summary {
/* 1 */ display: block;
}
/**
* Add the correct display in IE 9-. */
audio, canvas, progress, video {
display: inline-block;
}
/**
* Add the correct display in iOS 4-7. */
audio:not([controls]) {
display: none; height: 0;
}
/**
* Add the correct vertical alignment in Chrome, Firefox, and Opera. */
progress {
vertical-align: baseline;
}
/**
* Add the correct display in IE 10-. * 1. Add the correct display in IE. */
template, [hidden] {
display: none;
}
/* Links
========================================================================== */
/**
* 1. Remove the gray background on active links in IE 10. * 2. Remove gaps in links underline in iOS 8+ and Safari 8+. */
a {
background-color: transparent; /* 1 */ -webkit-text-decoration-skip: objects; /* 2 */
}
/**
* Remove the outline on focused links when they are also active or hovered * in all browsers (opinionated). */
a:active, a:hover {
outline-width: 0;
}
/* Text-level semantics
========================================================================== */
/**
* 1. Remove the bottom border in Firefox 39-. * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari. */
abbr[title] {
border-bottom: none; /* 1 */ text-decoration: underline; /* 2 */ text-decoration: underline dotted; /* 2 */
}
/**
* Prevent the duplicate application of `bolder` by the next rule in Safari 6. */
b, strong {
font-weight: inherit;
}
/**
* Add the correct font weight in Chrome, Edge, and Safari. */
b, strong {
font-weight: bolder;
}
/**
* Add the correct font style in Android 4.3-. */
dfn {
font-style: italic;
}
/**
* Correct the font size and margin on `h1` elements within `section` and * `article` contexts in Chrome, Firefox, and Safari. */
h1 {
font-size: 2em; margin: 0.67em 0;
}
/**
* Add the correct background and color in IE 9-. */
mark {
background-color: #ff0; color: #000;
}
/**
* Add the correct font size in all browsers. */
small {
font-size: 80%;
}
/**
* Prevent `sub` and `sup` elements from affecting the line height in * all browsers. */
sub, sup {
font-size: 75%; line-height: 0; position: relative; vertical-align: baseline;
}
sub {
bottom: -0.25em;
}
sup {
top: -0.5em;
}
/* Embedded content
========================================================================== */
/**
* Remove the border on images inside links in IE 10-. */
img {
border-style: none;
}
/**
* Hide the overflow in IE. */
svg:not(:root) {
overflow: hidden;
}
/* Grouping content
========================================================================== */
/**
* 1. Correct the inheritance and scaling of font size in all browsers. * 2. Correct the odd `em` font sizing in all browsers. */
code, kbd, pre, samp {
font-family: monospace, monospace; /* 1 */ font-size: 1em; /* 2 */
}
/**
* Add the correct margin in IE 8. */
figure {
margin: 1em 40px;
}
/**
* 1. Add the correct box sizing in Firefox. * 2. Show the overflow in Edge and IE. */
hr {
box-sizing: content-box; /* 1 */ height: 0; /* 1 */ overflow: visible; /* 2 */
}
/* Forms
========================================================================== */
/**
* 1. Change font properties to `inherit` in all browsers (opinionated). * 2. Remove the margin in Firefox and Safari. */
button, input, select, textarea {
font: inherit; /* 1 */ margin: 0; /* 2 */
}
/**
* Restore the font weight unset by the previous rule. */
optgroup {
font-weight: bold;
}
/**
* Show the overflow in IE. * 1. Show the overflow in Edge. */
button, input {
/* 1 */ overflow: visible;
}
/**
* Remove the inheritance of text transform in Edge, Firefox, and IE. * 1. Remove the inheritance of text transform in Firefox. */
button, select {
/* 1 */ text-transform: none;
}
/**
* 1. Prevent a WebKit bug where (2) destroys native `audio` and `video` * controls in Android 4. * 2. Correct the inability to style clickable types in iOS and Safari. */
button, html [type="button"], [type="reset"], [type="submit"] {
-webkit-appearance: button; /* 2 */
}
/**
* Remove the inner border and padding in Firefox. */
button::-moz-focus-inner, [type="button"]::-moz-focus-inner, [type="reset"]::-moz-focus-inner, [type="submit"]::-moz-focus-inner {
border-style: none; padding: 0;
}
/**
* Restore the focus styles unset by the previous rule. */
button:-moz-focusring, [type="button"]:-moz-focusring, [type="reset"]:-moz-focusring, [type="submit"]:-moz-focusring {
outline: 1px dotted ButtonText;
}
/**
* Change the border, margin, and padding in all browsers (opinionated). */
fieldset {
border: 1px solid #c0c0c0; margin: 0 2px; padding: 0.35em 0.625em 0.75em;
}
/**
* 1. Correct the text wrapping in Edge and IE. * 2. Correct the color inheritance from `fieldset` elements in IE. * 3. Remove the padding so developers are not caught out when they zero out * `fieldset` elements in all browsers. */
legend {
box-sizing: border-box; /* 1 */ color: inherit; /* 2 */ display: table; /* 1 */ max-width: 100%; /* 1 */ padding: 0; /* 3 */ white-space: normal; /* 1 */
}
/**
* Remove the default vertical scrollbar in IE. */
textarea {
overflow: auto;
}
/**
* 1. Add the correct box sizing in IE 10-. * 2. Remove the padding in IE 10-. */
[type="checkbox"], [type="radio"] {
box-sizing: border-box; /* 1 */ padding: 0; /* 2 */
}
/**
* Correct the cursor style of increment and decrement buttons in Chrome. */
[type="number"]::-webkit-inner-spin-button, [type="number"]::-webkit-outer-spin-button {
height: auto;
}
/**
* 1. Correct the odd appearance in Chrome and Safari. * 2. Correct the outline style in Safari. */
[type="search"] {
-webkit-appearance: textfield; /* 1 */ outline-offset: -2px; /* 2 */
}
/**
* Remove the inner padding and cancel buttons in Chrome and Safari on OS X. */
[type="search"]::-webkit-search-cancel-button, [type="search"]::-webkit-search-decoration {
-webkit-appearance: none;
}
/**
* Correct the text style of placeholders in Chrome, Edge, and Safari. */
- -webkit-input-placeholder {
color: inherit; opacity: 0.54;
}
/**
* 1. Correct the inability to style clickable types in iOS and Safari. * 2. Change font properties to `inherit` in Safari. */
- -webkit-file-upload-button {
-webkit-appearance: button; /* 1 */ font: inherit; /* 2 */
}
button, [type='button'], [type='reset'], [type='submit'] {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
background-color: #1565c0;
border: 0;
border-radius: 3px;
color: #fff;
cursor: pointer;
display: inline-block;
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
font-size: 1em;
-webkit-font-smoothing: antialiased;
font-weight: 600;
line-height: 1;
padding: 0.75em 1.5em;
text-align: center;
text-decoration: none;
-webkit-transition: background-color 150ms ease;
transition: background-color 150ms ease;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
vertical-align: middle;
white-space: nowrap;
} button:hover, button:focus, [type='button']:hover, [type='button']:focus, [type='reset']:hover, [type='reset']:focus, [type='submit']:hover, [type='submit']:focus {
background-color: #11519a; color: #fff;
} button:disabled, [type='button']:disabled, [type='reset']:disabled, [type='submit']:disabled {
cursor: not-allowed; opacity: 0.5;
} button:disabled:hover, [type='button']:disabled:hover, [type='reset']:disabled:hover, [type='submit']:disabled:hover {
background-color: #1565c0;
}
fieldset {
background-color: transparent; border: 0; margin: 0; padding: 0;
}
legend {
font-weight: 600; margin-bottom: 0.375em; padding: 0;
}
label {
display: block; font-weight: 600; margin-bottom: 0.375em;
}
input, select, textarea {
display: block; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif; font-size: 1em;
}
[type='color'], [type='date'], [type='datetime'], [type='datetime-local'], [type='email'], [type='month'], [type='number'], [type='password'], [type='search'], [type='tel'], [type='text'], [type='time'], [type='url'], [type='week'], input:not([type]), textarea {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
background-color: #fff;
border: 1px solid #ddd;
border-radius: 3px;
box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.06);
box-sizing: border-box;
margin-bottom: 0.75em;
padding: 0.5em;
-webkit-transition: border-color 150ms ease;
transition: border-color 150ms ease;
width: 100%;
} [type='color']:hover, [type='date']:hover, [type='datetime']:hover, [type='datetime-local']:hover, [type='email']:hover, [type='month']:hover, [type='number']:hover, [type='password']:hover, [type='search']:hover, [type='tel']:hover, [type='text']:hover, [type='time']:hover, [type='url']:hover, [type='week']:hover, input:not([type]):hover, textarea:hover {
border-color: #b1b1b1;
} [type='color']:focus, [type='date']:focus, [type='datetime']:focus, [type='datetime-local']:focus, [type='email']:focus, [type='month']:focus, [type='number']:focus, [type='password']:focus, [type='search']:focus, [type='tel']:focus, [type='text']:focus, [type='time']:focus, [type='url']:focus, [type='week']:focus, input:not([type]):focus, textarea:focus {
border-color: #1565c0; box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.06), 0 0 5px rgba(18, 89, 169, 0.7); outline: none;
} [type='color']:disabled, [type='date']:disabled, [type='datetime']:disabled, [type='datetime-local']:disabled, [type='email']:disabled, [type='month']:disabled, [type='number']:disabled, [type='password']:disabled, [type='search']:disabled, [type='tel']:disabled, [type='text']:disabled, [type='time']:disabled, [type='url']:disabled, [type='week']:disabled, input:not([type]):disabled, textarea:disabled {
background-color: #f2f2f2; cursor: not-allowed;
} [type='color']:disabled:hover, [type='date']:disabled:hover, [type='datetime']:disabled:hover, [type='datetime-local']:disabled:hover, [type='email']:disabled:hover, [type='month']:disabled:hover, [type='number']:disabled:hover, [type='password']:disabled:hover, [type='search']:disabled:hover, [type='tel']:disabled:hover, [type='text']:disabled:hover, [type='time']:disabled:hover, [type='url']:disabled:hover, [type='week']:disabled:hover, input:not([type]):disabled:hover, textarea:disabled:hover {
border: 1px solid #ddd;
} [type='color']::-webkit-input-placeholder, [type='date']::-webkit-input-placeholder, [type='datetime']::-webkit-input-placeholder, [type='datetime-local']::-webkit-input-placeholder, [type='email']::-webkit-input-placeholder, [type='month']::-webkit-input-placeholder, [type='number']::-webkit-input-placeholder, [type='password']::-webkit-input-placeholder, [type='search']::-webkit-input-placeholder, [type='tel']::-webkit-input-placeholder, [type='text']::-webkit-input-placeholder, [type='time']::-webkit-input-placeholder, [type='url']::-webkit-input-placeholder, [type='week']::-webkit-input-placeholder, input:not([type])::-webkit-input-placeholder, textarea::-webkit-input-placeholder {
color: #858585;
} [type='color']::-moz-placeholder, [type='date']::-moz-placeholder, [type='datetime']::-moz-placeholder, [type='datetime-local']::-moz-placeholder, [type='email']::-moz-placeholder, [type='month']::-moz-placeholder, [type='number']::-moz-placeholder, [type='password']::-moz-placeholder, [type='search']::-moz-placeholder, [type='tel']::-moz-placeholder, [type='text']::-moz-placeholder, [type='time']::-moz-placeholder, [type='url']::-moz-placeholder, [type='week']::-moz-placeholder, input:not([type])::-moz-placeholder, textarea::-moz-placeholder {
color: #858585;
} [type='color']:-ms-input-placeholder, [type='date']:-ms-input-placeholder, [type='datetime']:-ms-input-placeholder, [type='datetime-local']:-ms-input-placeholder, [type='email']:-ms-input-placeholder, [type='month']:-ms-input-placeholder, [type='number']:-ms-input-placeholder, [type='password']:-ms-input-placeholder, [type='search']:-ms-input-placeholder, [type='tel']:-ms-input-placeholder, [type='text']:-ms-input-placeholder, [type='time']:-ms-input-placeholder, [type='url']:-ms-input-placeholder, [type='week']:-ms-input-placeholder, input:not([type]):-ms-input-placeholder, textarea:-ms-input-placeholder {
color: #858585;
} [type='color']::placeholder, [type='date']::placeholder, [type='datetime']::placeholder, [type='datetime-local']::placeholder, [type='email']::placeholder, [type='month']::placeholder, [type='number']::placeholder, [type='password']::placeholder, [type='search']::placeholder, [type='tel']::placeholder, [type='text']::placeholder, [type='time']::placeholder, [type='url']::placeholder, [type='week']::placeholder, input:not([type])::placeholder, textarea::placeholder {
color: #858585;
}
textarea {
resize: vertical;
}
[type="checkbox"], [type="radio"] {
display: inline; margin-right: 0.375em;
}
[type="file"] {
margin-bottom: 0.75em; width: 100%;
}
select {
margin-bottom: 0.75em; width: 100%;
}
html {
box-sizing: border-box;
}
- ,
- before,
- after {
box-sizing: inherit;
}
html, body {
height: 100%;
}
ul, ol {
list-style-type: none; margin: 0; padding: 0;
}
dl {
margin: 0;
}
dt {
font-weight: 600; margin: 0;
}
dd {
margin: 0;
}
figure {
margin: 0;
}
img, picture {
margin: 0; max-width: 100%;
}
table {
border-collapse: collapse; margin: 0.75em 0; table-layout: fixed; width: 100%;
}
th {
border-bottom: 1px solid #a6a6a6; font-weight: 600; padding: 0.75em 0; text-align: left;
}
td {
border-bottom: 1px solid #ddd; padding: 0.75em 0;
}
tr, td, th {
vertical-align: middle;
}
body {
color: #333; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif; font-size: 1em; line-height: 1.5;
}
h1, h2, h3, h4, h5, h6 {
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif; font-size: 1.25em; line-height: 1.2; margin: 0 0 0.75em;
}
p {
margin: 0 0 0.75em;
}
a {
color: #1565c0; text-decoration: none; -webkit-transition: color 150ms ease; transition: color 150ms ease;
} a:active, a:focus, a:hover {
color: #104c90;
}
hr {
border-bottom: 1px solid #ddd; border-left: 0; border-right: 0; border-top: 0; margin: 1.5em 0;
}
html {
box-sizing: border-box;
}
- , *::after, *::before {
box-sizing: inherit;
}
/*!
* Slidebars - A jQuery Framework for Off-Canvas Menus and Sidebars * Version: 2 Development * Url: http://www.adchsm.com/slidebars/ * Author: Adam Charles Smith * Author url: http://www.adchsm.com/ * License: MIT * License url: http://www.adchsm.com/slidebars/license/ */
/**
* Box Model, Html & Body */
html, body, [canvas=container], [off-canvas] {
margin: 0; padding: 0; box-sizing: border-box;
}
html, body {
width: 100%; height: 100%;
}
/**
* Canvas */
[canvas] {
z-index: 1;
}
[canvas=container] {
width: 100%; height: 100%; overflow-y: auto; position: relative; background-color: white; /* Basic background color, overwrite this in your own css. */ -webkit-overflow-scrolling: touch; /* Enables momentum scrolling on iOS devices, may be removed by setting to 'auto' in your own CSS. */
}
[canvas=container]:before, [canvas=container]:after {
clear: both; content: ; display: table;
}
/**
* Off-Canavs */
[off-canvas] {
display: none; position: fixed; overflow: hidden; overflow-y: auto; background-color: black; /* Basic background color, overwrite this in your own css. */ color: white; /* Basic colors, overwrite this in your own css. */ -webkit-overflow-scrolling: touch; /* Enables momentum scrolling on iOS devices, may be removed by setting to 'auto' in your own CSS. */
}
[off-canvas*=top] {
width: 100%; height: 255px; top: 0;
}
[off-canvas*=right] {
width: 255px; height: 100%; top: 0; right: 0;
}
[off-canvas*=bottom] {
width: 100%; height: 255px; bottom: 0;
}
[off-canvas*=left] {
width: 255px; height: 100%; top: 0; left: 0;
}
[off-canvas*=reveal] {
z-index: 0;
}
[off-canvas*=push] {
z-index: 1;
}
[off-canvas*=overlay] {
z-index: 9999;
}
[off-canvas*=shift] {
z-index: 0;
}
/**
* Animation */
[canvas], [off-canvas] {
-webkit-transform: translate(0px, 0px); transform: translate(0px, 0px); -webkit-transition: -webkit-transform 300ms; transition: -webkit-transform 300ms; transition: transform 300ms; transition: transform 300ms, -webkit-transform 300ms; -webkit-backface-visibility: hidden; /* Prevents flickering, may be removed if experiencing problems with fixed background images in Chrome. */
}
[off-canvas*=shift][off-canvas*=top] {
-webkit-transform: translate(0px, 50%); transform: translate(0px, 50%);
}
[off-canvas*=shift][off-canvas*=right] {
-webkit-transform: translate(-50%, 0px); transform: translate(-50%, 0px);
}
[off-canvas*=shift][off-canvas*=bottom] {
-webkit-transform: translate(0px, -50%); transform: translate(0px, -50%);
}
[off-canvas*=shift][off-canvas*=left] {
-webkit-transform: translate(50%, 0px); transform: translate(50%, 0px);
}
/**
* Print */
@media print {
[canvas] {
-webkit-transform: translate(0px, 0px) !important;
transform: translate(0px, 0px) !important;
}
[off-canvas] {
display: none !important;
}
} /* // 3. Base stuff @import
'base/base', 'base/fonts', 'base/typography', 'base/helpers';
- /
- sideMenu,
- top_title {
display: none;
}
- content {
width: 100vw; padding: 0px; border: none; color: black; margin-left: auto; margin-right: auto; background-color: #ffffff; position: relative;
}
- globalWrapper {
font-size: inherit; padding-bottom: 0;
}
- top_menu_under {
height: 0px;
}
hr {
margin-top: 10px; margin-bottom: 10px;
}
[off-canvas*=left] {
width: 250px; padding-top: 50px; padding-left: 20px; text-align: right; padding-right: 20px; text-transform: uppercase; z-index: 3; background: #5b5e63;
}
.navigation-list li a {
color: white;
} .navigation-list li a:hover {
color: blue;
}
.header-outer-container {
background: #e7f1ec;
} .header-outer-container .sticky-header {
max-width: 100%; margin-left: auto; margin-right: auto;
} .header-outer-container .sticky-header::after {
clear: both; content: ""; display: block;
} .header-outer-container .sticky-header .logo-wrapper {
float: left; display: block; margin-right: 2.3576520234%; width: 14.7019566472%; margin-left: 42.6490216764%;
} .header-outer-container .sticky-header .logo-wrapper:last-child {
margin-right: 0;
} .header-outer-container .sticky-header .logo-wrapper::after {
clear: both; content: ""; display: block;
}
.js-toggle-left-slidebar {
position: fixed; float: left; z-index: 2; height: 80px; width: 100px; background: url() no-repeat; background-size: 100% 100%; background-position: center;
}
.js-toggle-left-slidebar:hover {
-webkit-filter: brightness(0);
filter: brightness(0);
}
/* FILL COLOR */ .social-main-footer-svg {
height: 30px; width: 30px; margin: 5px;
} .social-main-footer-svg #facebook-circle, .social-main-footer-svg #twitter-circle, .social-main-footer-svg #instagram-circle, .social-main-footer-svg #blog-circle {
opacity: 0; filter: alpha(opacity=0);
} .social-main-footer-svg #facebook, .social-main-footer-svg #twitter, .social-main-footer-svg #instagram, .social-main-footer-svg #blog {
fill: #b5babe; fill: white;
}
a svg:hover #facebook {
fill: #3b5998;
}
a svg:hover #twitter {
fill: #1da1f2;
}
a svg:hover #instagram {
fill: #c13584;
}
a svg:hover #blog {
fill: #f57d00;
}
/* Hover transitions */ a svg #facebook, a svg #twitter, a svg #instagram, a svg #blog {
transition: 200ms; transition-timing-function: ease-in-out; -webkit-transition: 200ms; -webkit-transition-timing-function: ease-in-out;
}
.social-page-footer-svg {
height: 45px; width: 45px; margin: 10px;
} .social-page-footer-svg #facebook, .social-page-footer-svg #twitter, .social-page-footer-svg #instagram, .social-page-footer-svg #blog {
fill: #b5babe;
}
.social-page-footer-container {
max-width: 100%; margin-left: auto; margin-right: auto; padding: 2.3576520234%; text-align: center; background: #EBE8DF;
} .social-page-footer-container::after {
clear: both; content: ""; display: block;
}
@media screen and (max-width: 6400px) {
.full-content-wrapper-container {
max-width: 100%;
margin-left: auto;
margin-right: auto;
}
.full-content-wrapper-container::after {
clear: both;
content: "";
display: block;
}
.full-content-wrapper-container .full-width-content-wrapper {
float: left;
display: block;
margin-right: 2.3576520234%;
width: 100%;
}
.full-content-wrapper-container .full-width-content-wrapper:last-child {
margin-right: 0;
}
.centered-content-wrapper-container {
max-width: 1200px;
margin-left: auto;
margin-right: auto;
}
.centered-content-wrapper-container::after {
clear: both;
content: "";
display: block;
}
.centered-content-wrapper-container .centered-content-wrapper {
float: left;
display: block;
margin-right: 2.3576520234%;
width: 82.9403913294%;
margin-left: 8.5298043353%;
}
.centered-content-wrapper-container .centered-content-wrapper:last-child {
margin-right: 0;
}
.sponsors-container {
max-width: 100%;
margin-left: auto;
margin-right: auto;
text-align: center;
background: #EBE8DF;
padding: 2.3576520234%;
}
.sponsors-container::after {
clear: both;
content: "";
display: block;
}
.sponsors-container .sponsors-icons {
float: left;
display: block;
margin-right: 2.3576520234%;
width: 23.2317609825%;
text-align: center;
}
.sponsors-container .sponsors-icons:last-child {
margin-right: 0;
}
.govt-kpk img {
max-width: 65%;
}
.govt-kpk img:hover {
content: url(
);
}
.dost img {
max-width: 66%;
}
.dost img:hover {
content: url(
);
}
.cecos img {
max-width: 63%;
}
.cecos img:hover {
content: url(
);
}
.iib img {
max-width: 60%;
}
.iib img:hover {
content: url(
);
}
} @media screen and (max-width: 1000px) {
.full-content-wrapper-container {
max-width: 100%;
margin-left: auto;
margin-right: auto;
}
.full-content-wrapper-container::after {
clear: both;
content: "";
display: block;
}
.full-content-wrapper-container .full-width-content-wrapper {
float: left;
display: block;
margin-right: 2.3576520234%;
width: 100%;
}
.full-content-wrapper-container .full-width-content-wrapper:last-child {
margin-right: 0;
}
.centered-content-wrapper-container {
max-width: 1200px;
margin-left: auto;
margin-right: auto;
}
.centered-content-wrapper-container::after {
clear: both;
content: "";
display: block;
}
.centered-content-wrapper-container .centered-content-wrapper {
float: left;
display: block;
margin-right: 2.3576520234%;
width: 82.9403913294%;
margin-left: 8.5298043353%;
}
.centered-content-wrapper-container .centered-content-wrapper:last-child {
margin-right: 0;
}
.sponsors-container {
max-width: 1200px;
margin-left: auto;
margin-right: auto;
background: #EBE8DF;
text-align: center;
}
.sponsors-container::after {
clear: both;
content: "";
display: block;
}
.sponsors-container .cecos {
float: left;
display: block;
margin-right: 2.3576520234%;
width: 48.8211739883%;
text-align: right;
padding: 2.3576520234%;
}
.sponsors-container .cecos:last-child {
margin-right: 0;
}
.sponsors-container .govt-kpk {
float: left;
display: block;
margin-right: 2.3576520234%;
width: 48.8211739883%;
text-align: right;
padding: 2.3576520234%;
}
.sponsors-container .govt-kpk:last-child {
margin-right: 0;
}
.sponsors-container .dost {
float: left;
display: block;
margin-right: 2.3576520234%;
width: 48.8211739883%;
text-align: left;
margin-right: 0;
padding: 2.3576520234%;
}
.sponsors-container .dost:last-child {
margin-right: 0;
}
.sponsors-container .iib {
float: left;
display: block;
margin-right: 2.3576520234%;
width: 48.8211739883%;
text-align: left;
padding: 2.3576520234%;
}
.sponsors-container .iib:last-child {
margin-right: 0;
}
.govt-kpk img {
max-width: 40%;
}
.dost img {
max-width: 42%;
}
.cecos img {
max-width: 42%;
}
.iib img {
max-width: 40%;
}
.social-page-footer-svg {
height: 35px;
width: 35px;
margin: 7px;
}
}
