{\rtf1\ansi\ansicpg1252\cocoartf2709
\cocoatextscaling0\cocoaplatform0{\fonttbl\f0\fnil\fcharset0 .AppleSystemUIFontMonospaced-Regular;}
{\colortbl;\red255\green255\blue255;\red24\green26\blue30;\red244\green246\blue249;\red10\green58\blue158;
\red11\green34\blue86;\red71\green80\blue91;}
{\*\expandedcolortbl;;\cssrgb\c12157\c13725\c15686;\cssrgb\c96471\c97255\c98039;\cssrgb\c1961\c31373\c68235;
\cssrgb\c3922\c18824\c41176;\cssrgb\c34902\c38824\c43137;}
\paperw11900\paperh16840\margl1440\margr1440\vieww11520\viewh8400\viewkind0
\deftab720
\pard\pardeftab720\partightenfactor0

\f0\fs27\fsmilli13600 \cf2 \cb3 \expnd0\expndtw0\kerning0
\{\
  \cf4 title\cf2 : \cf5 'Instructure Icon'\cf2 ,\
  \cf4 icon_svg\cf2 : \cf5 'icon-user\'92\cf2 ,\
  \cf4 href\cf2 : \cf5 'https://learn.collegeonline.io\cf2 ,\
  \cf4 target\cf2 : \cf5 '_blank'\cf2 ,\
  \cf4 position\cf2 : \cf4 4\cf2 , \cf6 // can be one of: integer (position after first), 'after' (help or last), 'before' (help or last)\cf2 \
\},}

/* Base tab styling */
.enhanceable_content.tabs ul li a {
  display: block;
  padding: 10px 20px;
  background-color: #19a9a9;
  color: black;
  text-decoration: none;
  border-radius: 4px 4px 0 0;
}

/* Active tab styling based on :target */
.enhanceable_content.tabs div[id^="tab"] {
  display: none;
}

.enhanceable_content.tabs div:target {
  display: block;
}

/* Highlight the active tab */
.enhanceable_content.tabs ul li a.active-tab {
  background-color: #127f7f; /* Darker shade of #19a9a9 */
  font-weight: bold;
}

/* Highlight the tab when its corresponding content is targeted */
.enhanceable_content.tabs div:target ~ ul li a[href="#tab1"],
.enhanceable_content.tabs div:target ~ ul li a[href="#tab2"],
.enhanceable_content.tabs div:target ~ ul li a[href="#tab3"],
.enhanceable_content.tabs div:target ~ ul li a[href="#tab4"],
.enhanceable_content.tabs div:target ~ ul li a[href="#tab5"] {
  background-color: #127f7f;
  font-weight: bold;
}