Taylohtio/_CustomResponsiveLayouts/_css_sources/scss/eeh/taloyhtio_custom.scss

@font-face {
    font-family: "RobotoSlabBold";
    src: url("fonts/RobotoSlabBold.eot");
    src: url("fonts/RobotoSlabBold.eot?#iefix")format("embedded-opentype"),
    url("fonts/RobotoSlabBold.woff") format("woff"),
    url("fonts/RobotoSlabBold.ttf") format("truetype");
    font-style: normal;
    font-weight: normal;
}
@font-face {
    font-family: "RobotoSlabRegular";
    src: url("fonts/RobotoSlabRegular.eot");
    src: url("fonts/RobotoSlabRegular.eot?#iefix")format("embedded-opentype"),
    url("fonts/RobotoSlabRegular.woff") format("woff"),
    url("fonts/RobotoSlabRegular.ttf") format("truetype");
    font-style: normal;
    font-weight: normal;
}
@font-face {
    font-family: "RobotoMedium";
    src: url("fonts/RobotoMedium.eot");
    src: url("fonts/RobotoMedium.eot?#iefix")format("embedded-opentype"),
    url("fonts/RobotoMedium.woff") format("woff"),
    url("fonts/RobotoMedium.ttf") format("truetype");
    font-style: normal;
    font-weight: normal;
}
@font-face {
    font-family: "RobotoBold";
    src: url("fonts/RobotoBold.eot");
    src: url("fonts/RobotoBold.eot?#iefix")format("embedded-opentype"),
    url("fonts/RobotoBold.woff") format("woff"),
    url("fonts/RobotoBold.ttf") format("truetype");
    font-style: normal;
    font-weight: normal;
}

/* eeh */
$color1: #6d6e6e;
$color2: #ffd700;
$color3: #ffffff;
$color4: #000000;
$color5: #f2efef;
$color6: #ababab;
$color7: #333333;

/////////////////////////////////////////////////////

$MainColor: $color1;
$LinksColor: $color4;
$HoverColor: $color2;

$TopBgPmc: $color3;                     $TopBgCondo: $color1;
$TopTextPmc: $color7;                   $TopTextCondo: $color3;
$TopHoverPmc: $color2;                  $TopHoverCondo: $color2;

$NaviBgPmc: $color1;                    $NaviBgCondo: $color3;
$NaviTextPmc: $color3;                  $NaviTextCondo: $color7;
$NaviSelectedBgPmc: $color2;            $NaviSelectedBgCondo: $color2;
$NaviSelectedTextPmc: $color3;          $NaviSelectedTextCondo: $color3;

$DropdownBgPmc: $color3;                $DropdownBgCondo: $color4;
$DropdownTextPmc: $color7;              $DropdownTextCondo: $color3;
$DropdownBgHoverPmc: $color2;           $DropdownBgHoverCondo: $color2;
$DropdownTextHoverPmc: $color3;         $DropdownTextHoverCondo: $color3;

$MenuBgPmc: $color3;                    $MenuBgCondo: $color3;
$MenuTextPmc: $color7;                  $MenuTextCondo: $color7;
$MenuBgHoverPmc: $color2;               $MenuBgHoverCondo: $color2;
$MenuTextHoverPmc: $color3;             $MenuTextHoverCondo: $color3;

$AlertBgPmc: $color7;                   $AlertBgCondo: $color7;
$AlertTextPmc: $color3;                 $AlertTextCondo: $color3;

$WebpartTitlePmc: $color7;              $WebpartTitleCondo: $color7;
$WebpartHeaderPmc: $color1;             $WebpartHeaderCondo: $color1;
$WebpartTitlePmcHover: $color2;         $WebpartTitleCondoHover: $color2;

$ArkistoBgPmc: $color1;                 $ArkistoBgCondo: $color1;
$ArkistoBgHoverPmc: $color2;            $ArkistoBgHoverCondo: $color2;
$ArkistoTextPmc: $color3;               $ArkistoTextCondo: $color3;
$ArkistoTextHoverPmc: $color3;          $ArkistoTextHoverCondo: $color3;

$FooterBgPmc: $color5;                  $FooterBgCondo: $color1;
$FooterTextPmc: $color7;                $FooterTextCondo: $color3;
$FooterTextHoverPmc: $color2;           $FooterTextHoverCondo: $color2;

$PoweredBgPmc: $color4;                 $PoweredBgCondo: $color4;
$PoweredTextPmc: $color3;               $PoweredTextCondo: $color3;

$RegisterboxBg: $color1;

$StoreButtonHoverBg: $color3;
$StoreButtonHoverText: $color2;

$RegisterBoxButtonHoverBg: $color3;
$RegisterBoxButtonHoverText: $color1;

$AddButtonHoverBg: $color4;
$AddButtonHoverText: $color3;

@import "../../main";


/* overrides */
.poweredby a:hover {
    color: $color2 !important;
}

/* new fonts */

body,
footer .h3,
footer .h4,
.headerUserName p,
.dropdown-menu > li > span,
.dropdown-menu > li > a,
.social p
{
    font-family: RobotoMedium !important;
}

footer h2 {
    font-family: RobotoSlabBold !important;
    font-size: 26px !important;
}

footer h3 {
    font-family: RobotoBold !important;
    font-size: 18px !important;
}

h1,
#pageHeader h1,
h2.ms-webpart-titleText,
.ms-webpart-titleText.ms-webpart-titleText,
.ms-webpart-titleText > a {
    font-family: RobotoSlabBold !important;
}

.predefinedTitle {
    font-family: RobotoSlabRegular !important;
    font-size: 3.81em !important;
}

.footer_right, .poweredby, footer strong, .d2 h4,
ul.nav > li > a,
.orange > a,
ul#header-controls a,
#boardData .title,
.dvTitle,
#intraOfficeData .title
{
    font-family: RobotoBold !important;
}

#boardData .title {
    font-size: 2.54em !important;
}

@media (max-width: 767px) {
    #boardData .title,
    #intraOfficeData .title {
        font-size: 1.143em !important;
    }
}

.headerUserName p,
footer .copyright,
footer .footer_right,
.dropdown-menu > li > span,
.dropdown-menu > li > a,
#header-controls > li > a {
    font-size: 1.077em !important;
}

@media (max-width: 767px) {
    #pageHeader h1 {
        font-size: 1.25em !important;
    }
}

@media (min-width: 768px) {
    h2.ms-webpart-titleText {
        font-size: 2.92em !important;
    }
}

nav.navbar {
    font-size: 1.23em !important;
}

footer p {
    font-size: 0.92em !important;
}


@media (max-width: 767px) {
    ul.nav > li > a,
    ul.nav > li > span {
        font-size: 0.813em !important;
    }

    .dropdown-menu > li > a {
        font-size: 1em !important;
    }
}

@media (min-width: 1200px) {
    .d2 span,
    .fphone, .femail {
        font-size: 0.92em !important;
    }
}

#boardData .footer_item .footer_add_button a,
#intraOfficeData .footer_item .footer_add_button a,
#intraOfficeData .footer_item .footer_item_orange {
    font-weight: normal !important;
}


/* colors */
#toolsData a, #toolsData a:visited {
    color: $color1 !important;
}
#toolsData a:before {
    border-color: transparent $color1 !important
}

#boardData .footer_item .footer_add_button a:hover, #boardData .footer_item .footer_item_orange a:hover {
    background-color: $color4 !important;
}

@media (min-width: 768px) {
    h2.ms-webpart-titleText.hdrIcon {
        min-height: 56px;
    }
}

footer .ad {
  background: transparent !important;
}

a.asnew {
    color: $LinksColor !important;
}