Difference between revisions of "Template:Peshawar/CSS"

Line 1: Line 1:
<html>
 
<style type="text/css">
 
 
 
/*
 
/*
 
// 1. Configuration and helpers
 
// 1. Configuration and helpers
Line 830: Line 827:
 
#content {
 
#content {
 
   width: 100vw;
 
   width: 100vw;
  height: 100%;
 
 
   padding: 0px;
 
   padding: 0px;
 
   border: none;
 
   border: none;
Line 1,207: Line 1,203:
 
   }
 
   }
 
}
 
}
</style>
 
</html>
 

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';
  • /
  1. sideMenu,
  2. top_title {
 display: none;

}

  1. content {
 width: 100vw;
 padding: 0px;
 border: none;
 color: black;
 margin-left: auto;
 margin-right: auto;
 background-color: #ffffff;
 position: relative;

}

  1. globalWrapper {
 font-size: inherit;
 padding-bottom: 0;

}

  1. 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(T--Peshawar--hamburger-icon.png) 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(T--Peshawar--govt-of-kpk-logo-small-compressed.png);
 }
 .dost img {
   max-width: 66%;
 }
 .dost img:hover {
   content: url(T--peshawar--dost-logo-small-compresed2.png);
 }
 .cecos img {
   max-width: 63%;
 }
 .cecos img:hover {
   content: url(T--Peshawar--cecos-logo-small-compressed.png);
 }
 .iib img {
   max-width: 60%;
 }
 .iib img:hover {
   content: url(T--Peshawar--iib-logo-small-compressed.png);
 }

} @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;
 }

}