0byt3m1n1-V2

Path: /home/yvffpqmy/public_html/wp-content/themes/cargo/css/ [ Home ]
File: base.css
/*

   1. Base

   Source: css/base.css 
   Description: resets main elements, creates aliases and sets basic element behavior

*/

/* 

Font imports
---------------------------------------------------------------

*/
 
/* Font Awesome
---------------------------------------------------------------*/
@font-face {
    font-family: 'FontAwesome';
    src: url('../fonts/fontawesome-webfont.eot?v=4.3.0');
    src: url('../fonts/fontawesome-webfont.eot?#iefix&v=4.3.0') format('embedded-opentype'), url('../fonts/fontawesome-webfont.woff2?v=4.3.0') format('woff2'), url('../fonts/fontawesome-webfont.woff?v=4.3.0') format('woff'), url('../fonts/fontawesome-webfont.ttf?v=4.3.0') format('truetype'), url('../fonts/fontawesome-webfont.svg?v=4.3.0#fontawesomeregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

/*  7-stroke (http://themes-pixeden.com/font-demos/7-stroke/index.html)
---------------------------------------------------------------*/
@font-face {
    font-family: 'Icon7Stroke';
    src:url('../fonts/Pe-icon-7-stroke.eot?d7yf1v');
    src:url('../fonts/Pe-icon-7-stroke.eot?#iefixd7yf1v') format('embedded-opentype'),
    url('../fonts/Pe-icon-7-stroke.woff?d7yf1v') format('woff'),
    url('../fonts/Pe-icon-7-stroke.ttf?d7yf1v') format('truetype'),
    url('../fonts/Pe-icon-7-stroke.svg?d7yf1v#Pe-icon-7-stroke') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Cargo';
    src:url('../fonts/cargo.eot?-1lwiue');
    src:url('../fonts/cargo.eot?#iefix-1lwiue') format('embedded-opentype'),
    url('../fonts/cargo.woff?-1lwiue') format('woff'),
    url('../fonts/cargo.ttf?-1lwiue') format('truetype'),
    url('../fonts/cargo.svg?-1lwiue?-1lwiue#cargo') format('svg');
    font-weight: normal;
    font-style: normal;
}

/* Variables
---------------------------------------------------------------*/
@set headingFont Lato, Arial, sans-serif; /* Headline fond */
@set headingSuperTitleFont Raleway, Arial, sans-serif; /* Headline supertitle font */
@set headingSubTitleFont Raleway, Arial, sans-serif; /* Headline subtitle font */
@set menuFont Lato, Arial, sans-serif; /* Base font */
@set bodyFont Raleway, Arial, sans-serif; /* Base font */
@set bodyFontSize 13; /* Base font size */

@set accentColor #0B60A9; /* Main color */
@set alternateColor #686d7a; /* Alternate accent color */
@set lightTextColor #666; /* Light text color */
@set lightBtncolor rgba(255,255,255,0.85);/* Light button color */

@set lightBoxShadow rgba(0,0,0,0.25); /* Highlighted item box shadow color */

@set lightFontColor #333; /* Base font color */
@set lightTitleColor #444; /* Set title color */
@set lightBgColor #fff; /* Base bg color */
@set lightBorderColor rgba(0,0,0,0.1); /* Base border color */
@set lightBgSubColor rgba(0,0,0,0.07);  /* Sub bg color */
@set lighterBgSubColor rgba(0,0,0,0.05);  /* Sub bg color lighter */
@set lightInactiveColor #7E7E7E; /* Inactive element color */

@set darkFontColor #fff; /* Base font color */
@set darkSelectedMenuItem rgba(255,255,255,0.6); /* Inactive menu item color */
@set darkMenuBackground rgba(0,0,0,0.95); /* Second menu level background color */
@set darkHeadlineColor #fff; /* Base headline color */
@set darkBgColor #313131; /* Base bg color */
@set darkBorderColor rgba(255,255,255,0.1); /* Base border color */
@set darkBgSubColor rgba(255,255,255, 0.07);  /* Sub bg color */
@set darkerBgSubColor rgba(255,255,255, 0.02);  /* Sub bg color darker */
@set darkInactiveColor #7E7E7E; /* Inactive element color */
@set darkCostCalculatorBorder rgba(255,255,255,0.5); /* Dark border for cost calculator dark skin */

@set darkBoxShadow rgba(0,0,0,0.25); /* Highlighted item box shadow color */
@set darkBoxTopShadow rgba(0,0,0,0.125); /* Highlighted item box shadow color */

@set sidebarWidth 33.3333; /* Sidebar width (%) */
@set sidebarPadding 40px; /* Padding between sidebar and sontent */
@set pagePadding 20; /* Left and right page padding for boxed content */
@set innerVerticalPadding 20; /* Top and bottom padding between content elements (base value) */
@set innerHorizontalPadding 10; /* RowItem padding */
@set gridSpacing 5; /* Default spacing in grid gallery */
@set logoHeight 60; /* Defines logo height and menu line height */
@set menuVerticalPadding 20; /* Top and bottom padding of the horizontal menu (px) */
@set menuPadding 30; /* Padding between horizontal menu elements (px) */
@set verticalMenuWidth 320; /* Width of the vertical menu (px) */

@set extrasmallIconSize 30; /* Small icon size */
@set smallIconSize 40; /* Small icon size */
@set mediumIconSize 64; /* Small icon size */
@set largeIconSize 120; /* Small icon size */

@set dropdownWidth 250px;


/* Dependent variables */

@set lightHeadlineColor $(accentColor); /* Base headline color */

@set footerBackgroundColor l-adjust($(accentColor), -11%);

@set accentColorLight20 l-adjust($(accentColor), 20%);
@set accentColorLight30 l-adjust($(accentColor), 30%);
@set accentColorLight9 l-adjust($(accentColor), 9%);
@set accentColorLight-9 l-adjust($(accentColor), -9%);
@set accentColorLight-10 l-adjust($(accentColor), -10%);

@set alternateColorLight20 l-adjust($(alternateColor), 20%);
@set alternateColorLight9 l-adjust($(alternateColor), 9%);
@set alternateColorLight-9 l-adjust($(alternateColor), -9%);

@set darkBorderColorLight-50 l-adjust($(darkBorderColor), -50%);

@set darkBgColorLight-4 l-adjust($(darkBgColor), -4%);
@set lightBgColorLight-4 l-adjust($(lightBgColor), -4%);

@set lightHeadlineColorLight-9 l-adjust($(lightHeadlineColor), -9%);
@set darkHeadlineColorLight-9 l-adjust($(darkHeadlineColor), -9%);

@set bodyFontColorLight40 l-adjust( $(bodyFontColor) 40 );
@set bodyFontColorLight30 l-adjust( $(bodyFontColor) 30 );

@set lightBackgroundColorLight-20 l-adjust( $(lightBgSubColor) -20% );
@set lightBackgroundColorLight20 l-adjust( $(lightBgSubColor) 20% );

@set lightBorderColorLight-9 rgba(0,0,0,0.2);
@set lightBtncolorLight-9 rgba(255,255,255,0.75);/* Light button color */
@set darkBorderColorLight9 l-adjust( $(darkBorderColor) 9% );
@set lightTextColorLight30 l-adjust( $(lightTextColor) 30% );


/* Aliases
---------------------------------------------------------------*/
@selector darkSkinSelector :any(.btDarkSkin, .btLightSkin .btDarkSkin);
@selector lightSkinSelector :any(.btLightSkin, .btDarkSkin .btLightSkin);

/* Reset
---------------------------------------------------------------*/
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section,
summary,
audio,
canvas,
video {
    display: block;
}

audio,
canvas,
video {
    display: inline-block;
}

*:focus, * {
    outline: none;
    outline: 0;
}

.touch * {
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    -webkit-focus-ring-color:  rgba(0, 0, 0, 0);
}

button::-moz-focus-inner {
    border: 0;
}

audio:not([controls]) {
    display: none;
    height: 0;
}

html,body {
	margin:0;
	padding:0;
	overflow-x: hidden;
	/*-webkit-font-smoothing: antialiased; 
	-moz-osx-font-smoothing: grayscale; 
	font-smooth: always;*/
}

*,
*:after,
*:before {
    box-sizing: border-box;
    padding: 0;
    margin: 0;
    background-repeat: no-repeat;
}

input, textarea, select {
    outline:none;
	font: inherit;
	width: 100%;
	border-radius: 2px;
	transition: all 300ms ease;
}
input:hover, textarea:hover, select:hover, input:focus, textarea:focus, select:focus {
	transition: all 300ms ease;
}
input, select {
	padding: 7px 10px;
	box-sizing: border-box:
}

textarea {
    padding: 10px;
    resize: vertical;
}

button {
	font: inherit;
}

a {
    text-decoration: none;
}

a:hover {
    text-decoration: none;
    color: $(accentColor);
}
a img {
    border: none;
}
a, a:active, a:focus {
    outline: none;
}

p, dl, dd, address  {
	margin: 0 0 $(innerVerticalPadding)px;
}

ul, ol, li {
	margin: 0 0 $(innerVerticalPadding)px 5px;
	padding: 0 0 0 5px;
}

li, ul ul, ol ol {
	margin-bottom: 0;
}

dt  {
	font-weight: 700;
}

dd {
	font-weight: 500;
}

figcaption {
	font-size: math($(bodyFontSize)-2, px);
}

:any(select, input)  {
	font-family: $(bodyFont);
}

html {
    font-size: 62.5%;
}

.wp-caption-text {
}
.screen-reader-text  {
}